/* ForoMuk - capa final del proyecto Stitch "Foromuk diseno".
   Cargada ultima para reemplazar visual viejo sin romper funciones. */

body.retro-forum {
  --fm-bg: #11131b;
  --fm-bg-deep: #0c0e16;
  --fm-surface: #1d1f28;
  --fm-surface-high: #282a32;
  --fm-border: #464555;
  --fm-border-soft: rgba(70, 69, 85, .62);
  --fm-text: #e1e1ed;
  --fm-muted: #c7c4d8;
  --fm-muted-soft: rgba(199, 196, 216, .68);
  --fm-primary: #c3c0ff;
  --fm-primary-strong: #4f46e5;
  --fm-secondary: #4edea3;
  --fm-danger: #ffb2b7;
  --fm-left: 280px;
  --fm-right: 350px;
  --fm-header: 64px;
  --fm-feed: 720px;
  background: var(--fm-bg) !important;
  color: var(--fm-text) !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Comunidad funcional: debates, composer y vista de hilo */
.community-thread-card{cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.community-thread-card:hover{transform:translateY(-1px);border-color:rgba(188,174,255,.38);background:rgba(18,23,39,.9)}
.community-user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(188,174,255,.28)}
.community-empty{border:1px solid rgba(188,174,255,.16);border-radius:18px;padding:28px;color:rgba(235,239,255,.72);background:rgba(13,18,30,.72);text-align:center;font-weight:800}
.community-empty--small{padding:16px;font-size:.86rem}.community-empty--loading{color:#bdb4ff}
.community-insight-empty{margin-top:14px;border:1px dashed rgba(188,174,255,.18);border-radius:12px;padding:14px;color:rgba(235,239,255,.6);font-size:.82rem;font-weight:850;text-align:left}
.community-modal{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(3,6,14,.72);backdrop-filter:blur(12px)}
.community-modal.is-open{display:flex}
.community-modal__dialog{position:relative;width:min(760px,calc(100vw - 28px));max-height:min(86vh,860px);overflow:auto;border:1px solid rgba(188,174,255,.24);border-radius:22px;background:radial-gradient(circle at top left,rgba(78,212,192,.12),transparent 38%),radial-gradient(circle at top right,rgba(146,124,255,.14),transparent 35%),rgba(13,18,30,.96);box-shadow:0 26px 80px rgba(0,0,0,.48);color:#f4f6ff}
.community-modal__dialog--composer{padding:28px}.community-modal__dialog--thread{padding:0}
.community-modal__close{position:absolute;top:16px;right:16px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(7,12,22,.9);color:#fff;font-size:18px;font-weight:900;line-height:1;cursor:pointer}
.community-composer-head{margin-bottom:20px}.community-composer-head span{display:block;color:#bdb4ff;font-size:.78rem;font-weight:900;margin-bottom:8px}
.community-composer-head h2,.community-thread-detail h2{margin:0;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:0}
.community-composer-head p{margin:8px 0 0;color:rgba(235,239,255,.74);font-weight:700}
.community-composer-grid{display:grid;grid-template-columns:180px 1fr;gap:14px}
.community-composer-grid label{display:flex;flex-direction:column;gap:7px;color:#cfc9ff;font-size:.76rem;font-weight:900;text-transform:uppercase}
.community-composer-full{grid-column:1/-1}
.community-composer-grid input,.community-composer-grid select,.community-composer-grid textarea,.community-thread-comment-box textarea{width:100%;border:1px solid rgba(188,174,255,.18);border-radius:14px;background:rgba(7,12,22,.86);color:#fff;padding:13px 14px;outline:none;font-weight:750}
.community-composer-grid textarea,.community-thread-comment-box textarea{resize:vertical}
.community-composer-grid input:focus,.community-composer-grid select:focus,.community-composer-grid textarea:focus,.community-thread-comment-box textarea:focus{border-color:rgba(168,150,255,.82);box-shadow:0 0 0 3px rgba(146,124,255,.16)}
.community-composer-preview{margin-top:16px;border:1px solid rgba(188,174,255,.14);border-radius:18px;padding:16px;background:rgba(255,255,255,.04)}
.community-composer-preview strong{display:block;margin-bottom:7px;color:#fff}.community-composer-preview p{margin:0;color:rgba(235,239,255,.74)}
.community-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.community-btn{min-height:42px;border-radius:13px;border:1px solid rgba(188,174,255,.18);padding:0 18px;color:#fff;font-weight:950;cursor:pointer}
.community-btn--dark{background:rgba(7,12,22,.92)}.community-btn--violet{background:linear-gradient(135deg,#bcb2ff,#7f66ff);color:#120f2a;border-color:rgba(210,202,255,.64);box-shadow:0 14px 36px rgba(126,102,255,.3)}
.community-thread-detail{padding:28px}.community-thread-detail__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-right:42px}
.community-thread-detail__author{display:flex;align-items:center;gap:12px}.community-thread-detail__author span{display:flex;flex-direction:column;gap:2px}
.community-thread-detail__author small,.community-thread-detail__badge,.community-comment small,.community-thread-login{color:rgba(235,239,255,.62);font-weight:800}
.community-thread-detail__badge{border:1px solid rgba(188,174,255,.18);border-radius:999px;padding:7px 11px;background:rgba(188,174,255,.1);color:#d8d2ff}
.community-thread-detail__body{margin-top:16px;border-radius:18px;border:1px solid rgba(188,174,255,.12);background:rgba(7,12,22,.54);padding:18px;color:rgba(250,251,255,.88);font-size:.98rem;line-height:1.55}
.community-thread-detail__actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px}
.community-thread-detail__actions button,.community-thread-comment-box button{border:1px solid rgba(188,174,255,.18);border-radius:999px;background:rgba(7,12,22,.9);color:#fff;min-height:38px;padding:0 14px;font-weight:900;cursor:pointer}
.community-thread-detail__actions button.is-active,.community-thread-comment-box button{background:linear-gradient(135deg,#bcb2ff,#7f66ff);color:#120f2a}
.community-thread-comments{border-top:1px solid rgba(188,174,255,.13);padding-top:18px}.community-thread-comments h3{margin:0 0 12px;color:#fff;font-size:1rem}
.community-comment{display:flex;gap:12px;padding:12px 0}.community-comment+.community-comment{border-top:1px solid rgba(188,174,255,.1)}
.community-comment p{margin:4px 0;color:rgba(250,251,255,.86)}
.community-thread-comment-box{display:flex;align-items:flex-end;gap:10px;margin-top:16px}.community-thread-comment-box textarea{min-height:54px}.community-thread-comment-box button{border-radius:14px;min-width:92px}
@media (max-width:760px){.community-modal{padding:10px;align-items:stretch}.community-modal__dialog{width:100%;max-height:calc(100vh - 20px);border-radius:18px}.community-composer-grid{grid-template-columns:1fr}.community-thread-detail,.community-modal__dialog--composer{padding:20px}.community-thread-detail__head,.community-thread-comment-box{align-items:stretch;flex-direction:column}}

/* Comunidad stats: iconos sincronizados con el resto de la UI */
html body.retro-forum .community-category__stats span::before{
  content:"" !important;
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  display:inline-block !important;
  background:currentColor !important;
  opacity:.95 !important;
  -webkit-mask:center/14px 14px no-repeat !important;
  mask:center/14px 14px no-repeat !important;
}

html body.retro-forum .community-category__stats span[data-icon="eye"]::before{
  content:"" !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}

html body.retro-forum .community-category__stats span[data-icon="like"]::before{
  content:"" !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 2 2.3l-1.4 7a2 2 0 0 1-2 1.7H7'/%3E%3Cpath d='M7 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M14 10V5.9A2 2 0 0 0 10.2 5L7 10'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 2 2.3l-1.4 7a2 2 0 0 1-2 1.7H7'/%3E%3Cpath d='M7 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M14 10V5.9A2 2 0 0 0 10.2 5L7 10'/%3E%3C/svg%3E") !important;
}

html body.retro-forum .community-category__stats span[data-icon="comment"]::before{
  content:"" !important;
  font-size:0 !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z'/%3E%3C/svg%3E") !important;
}

html body.retro-forum .community-category__stats span[data-icon="time"]::before{
  content:"" !important;
  width:13px !important;
  height:13px !important;
  flex-basis:13px !important;
  color:#8e96b0 !important;
  -webkit-mask:center/13px 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
  mask:center/13px 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
}

/* TRUE FINAL ABSOLUTE LAST - Barra de reacciones uniforme para todos los posts moviles. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .post-reactions,
  html body.retro-forum div[id^="reactions-"].post-reactions,
  html body.retro-forum footer > div[id^="reactions-"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-height:56px !important;
    padding:8px 10px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  html body.retro-forum .post-reactions [id^="react-btns-"],
  html body.retro-forum .post-reactions .fm-post-v2-reacts{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    gap:7px !important;
    min-width:0 !important;
  }

  html body.retro-forum .post-reactions button,
  html body.retro-forum .post-reactions .fm-post-v2-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:34px !important;
    max-width:40px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 4px !important;
    gap:4px !important;
    white-space:nowrap !important;
    line-height:1 !important;
    text-align:center !important;
  }

  html body.retro-forum .post-reactions button > span:not(.comment-btn-icon):not(.react-icon):not(.react-count):not([id^="ccount"]),
  html body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum .post-reactions .share-btn > span,
  html body.retro-forum .post-reactions .report-btn > span{
    display:none !important;
  }

  html body.retro-forum .post-reactions .react-icon,
  html body.retro-forum .post-reactions .comment-btn-icon,
  html body.retro-forum .post-reactions button > svg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
    margin:0 !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions .react-count,
  html body.retro-forum .post-reactions [id^="ccount"]:not(:empty),
  html body.retro-forum .post-reactions .fm-post-v2-count:not(:empty){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:10px !important;
    width:auto !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* FINAL - Comunidad stats iconos reales al final de la cascada */
html body.retro-forum .community-category__stats span::before{
  content:"" !important;
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  display:inline-block !important;
  background:currentColor !important;
  color:currentColor !important;
  opacity:.95 !important;
  font-size:0 !important;
  line-height:0 !important;
  -webkit-mask:center/14px 14px no-repeat !important;
  mask:center/14px 14px no-repeat !important;
}

html body.retro-forum .community-category__stats span[data-icon="eye"]::before{
  content:"" !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}

html body.retro-forum .community-category__stats span[data-icon="like"]::before{
  content:"" !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 2 2.3l-1.4 7a2 2 0 0 1-2 1.7H7'/%3E%3Cpath d='M7 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M14 10V5.9A2 2 0 0 0 10.2 5L7 10'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 2 2.3l-1.4 7a2 2 0 0 1-2 1.7H7'/%3E%3Cpath d='M7 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M14 10V5.9A2 2 0 0 0 10.2 5L7 10'/%3E%3C/svg%3E") !important;
}

html body.retro-forum .community-category__stats span[data-icon="comment"]::before{
  content:"" !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z'/%3E%3C/svg%3E") !important;
}

html body.retro-forum .community-category__stats span[data-icon="time"]::before{
  content:"" !important;
  width:13px !important;
  height:13px !important;
  flex-basis:13px !important;
  -webkit-mask:center/13px 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
  mask:center/13px 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
}

/* TRUE FINAL - Embeds de Facebook dentro de posts. */
html body.retro-forum .facebook-embed-wrap{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  max-width:100% !important;
  min-height:360px !important;
  overflow:hidden !important;
  border:1px solid rgba(150,170,220,.24) !important;
  border-radius:12px !important;
  background:#0f111a !important;
}

html body.retro-forum .fb-preview{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  padding:10px 12px !important;
  border-bottom:1px solid rgba(150,170,220,.18) !important;
  background:linear-gradient(135deg, rgba(24,119,242,.28), rgba(24,119,242,.08)) !important;
  color:#eaf1ff !important;
}

html body.retro-forum .fb-preview-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 30px !important;
  width:30px !important;
  height:30px !important;
  border-radius:8px !important;
  background:#1877f2 !important;
  color:#fff !important;
  font:bold 22px/1 Arial, sans-serif !important;
}

html body.retro-forum .fb-preview-body{
  flex:1 1 auto !important;
  min-width:0 !important;
}

html body.retro-forum .fb-preview-label{
  color:#9ec2ff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

html body.retro-forum .fb-preview-title{
  overflow:hidden !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body.retro-forum .fb-preview-sub{
  overflow:hidden !important;
  color:#b8c1d8 !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body.retro-forum .fb-preview-open{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:#1877f2 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

html body.retro-forum .facebook-embed-frame{
  display:block !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:100% !important;
  min-height:320px !important;
  border:0 !important;
  background:#fff !important;
}

html body.retro-forum .fm-post-v2-media > .facebook-embed-wrap{
  height:100% !important;
  min-height:100% !important;
}

html body.retro-forum .fm-post-v2-media > .facebook-embed-wrap .facebook-embed-frame{
  min-height:0 !important;
}

@media (max-width:760px){
  html body.retro-forum .facebook-embed-wrap{
    min-height:320px !important;
  }

  html body.retro-forum .fb-preview{
    gap:8px !important;
    padding:9px 10px !important;
  }

  html body.retro-forum .fb-preview-sub{
    display:none !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Todas las barras de reaccion moviles quedan iguales. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-reactions,
  html body.retro-forum .post-card .post-reactions,
  html body.retro-forum .post-face-front > .post-reactions,
  html body.retro-forum div[id^="reactions-"].post-reactions{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:54px !important;
    padding:8px 12px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  html body.retro-forum .post-reactions [id^="react-btns-"],
  html body.retro-forum .post-reactions .fm-post-v2-reacts{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    gap:7px !important;
    min-width:0 !important;
  }

  html body.retro-forum .post-reactions button,
  html body.retro-forum .post-reactions .fm-post-v2-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:30px !important;
    max-width:38px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 3px !important;
    gap:3px !important;
    font-size:0 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  html body.retro-forum .post-reactions button > span:not(.react-icon):not(.comment-btn-icon):not(.react-count):not([id^="ccount"]):not(.fm-post-v2-count),
  html body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum .post-reactions .share-btn > span,
  html body.retro-forum .post-reactions .report-btn > span{
    display:none !important;
    width:0 !important;
    max-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    font-size:0 !important;
  }

  html body.retro-forum .post-reactions .react-icon,
  html body.retro-forum .post-reactions .comment-btn-icon,
  html body.retro-forum .post-reactions button > svg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 20px !important;
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
    margin:0 !important;
    font-size:20px !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions .react-count,
  html body.retro-forum .post-reactions [id^="ccount"]:not(:empty),
  html body.retro-forum .post-reactions .fm-post-v2-count:not(:empty){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    min-width:8px !important;
    width:auto !important;
    max-width:18px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Facebook embeds responsivos. */
html body.retro-forum .fm-post-v2-media > .facebook-embed-wrap,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) [id^="post-body-"] > .facebook-embed-wrap{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  min-height:320px !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#0f111a !important;
}

html body.retro-forum .facebook-embed-wrap .facebook-embed-frame{
  display:block !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-height:0 !important;
  height:100% !important;
  border:0 !important;
  background:#fff !important;
}

/* TRUE FINAL ABSOLUTE LAST - Barra de acciones centrada en todos los posts. */
html body .post-reactions,
html body div[id^="reactions-"].post-reactions,
html body footer .post-reactions,
html body .post-card .post-reactions,
html body .post-face-front > .post-reactions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:clamp(10px, 2vw, 18px) !important;
  width:100% !important;
  max-width:100% !important;
  min-height:54px !important;
  margin-right:auto !important;
  margin-left:auto !important;
  padding:9px max(12px, env(safe-area-inset-right)) 9px max(12px, env(safe-area-inset-left)) !important;
  box-sizing:border-box !important;
  text-align:center !important;
  overflow:hidden !important;
}

html body .post-reactions > [id^="react-btns-"],
html body .post-reactions > .fm-post-v2-reacts{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  gap:clamp(6px, 1.5vw, 10px) !important;
}

html body .post-reactions button,
html body .post-reactions .fm-post-v2-action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  max-width:100% !important;
  height:36px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 4px !important;
  gap:5px !important;
  white-space:nowrap !important;
  line-height:1 !important;
  text-align:center !important;
}

html body .post-reactions .react-icon,
html body .post-reactions .comment-btn-icon,
html body .post-reactions button > svg{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 20px !important;
  width:20px !important;
  min-width:20px !important;
  max-width:20px !important;
  height:20px !important;
  min-height:20px !important;
  max-height:20px !important;
  margin:0 !important;
  font-size:20px !important;
  line-height:1 !important;
}

html body .post-reactions .react-count,
html body .post-reactions [id^="ccount"]:not(:empty),
html body .post-reactions .fm-post-v2-count:not(:empty){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:8px !important;
  max-width:22px !important;
  height:18px !important;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  transform:none !important;
  font-size:12px !important;
  line-height:1 !important;
  text-align:center !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body .post-reactions,
  html body div[id^="reactions-"].post-reactions,
  html body footer .post-reactions,
  html body .post-card .post-reactions,
  html body .post-face-front > .post-reactions{
    gap:7px !important;
    min-height:56px !important;
    padding:8px 8px !important;
  }

  html body .post-reactions > [id^="react-btns-"],
  html body .post-reactions > .fm-post-v2-reacts{
    gap:6px !important;
  }

  html body .post-reactions button,
  html body .post-reactions .fm-post-v2-action{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:30px !important;
    max-width:38px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 3px !important;
    gap:3px !important;
    overflow:hidden !important;
  }

  html body .post-reactions button > span:not(.react-icon):not(.comment-btn-icon):not(.react-count):not(.fm-post-v2-count):not([id^="ccount"]),
  html body .post-reactions .comment-btn > span:not(.comment-btn-icon):not(.fm-post-v2-count):not([id^="ccount"]),
  html body .post-reactions .share-btn > span,
  html body .post-reactions .report-btn > span{
    display:none !important;
    width:0 !important;
    max-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    font-size:0 !important;
  }

  html body .post-reactions .react-icon,
  html body .post-reactions .comment-btn-icon,
  html body .post-reactions button > svg{
    flex-basis:20px !important;
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
  }
}

/* TRUE LAST LINE - Reacciones moviles globales para posts actuales y futuros. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .post-reactions,
  html body.retro-forum div[id^="reactions-"].post-reactions,
  html body.retro-forum footer > div[id^="reactions-"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-height:56px !important;
    padding:8px 10px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  html body.retro-forum .post-reactions [id^="react-btns-"],
  html body.retro-forum .post-reactions .fm-post-v2-reacts{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    gap:7px !important;
    min-width:0 !important;
  }

  html body.retro-forum .post-reactions button,
  html body.retro-forum .post-reactions .fm-post-v2-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:34px !important;
    max-width:40px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 4px !important;
    gap:4px !important;
    white-space:nowrap !important;
    line-height:1 !important;
    text-align:center !important;
  }

  html body.retro-forum .post-reactions button > span:not(.comment-btn-icon):not(.react-icon):not(.react-count):not([id^="ccount"]),
  html body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum .post-reactions .share-btn > span,
  html body.retro-forum .post-reactions .report-btn > span{
    display:none !important;
  }

  html body.retro-forum .post-reactions .react-icon,
  html body.retro-forum .post-reactions .comment-btn-icon,
  html body.retro-forum .post-reactions button > svg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
    margin:0 !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions .react-count,
  html body.retro-forum .post-reactions [id^="ccount"]:not(:empty),
  html body.retro-forum .post-reactions .fm-post-v2-count:not(:empty){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:10px !important;
    width:auto !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* TRUE FINAL - En una conversacion abierta no se duplica la barra de estado propia. */
body.retro-forum.messenger-chat-active #msn-panel,
body.retro-forum.messenger-chat-active #chat-col #msn-panel,
body.retro-forum.messenger-chat-active .chat-col #msn-panel{
  display:none !important;
  visibility:hidden !important;
  flex:0 0 0 !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

body.retro-forum.messenger-chat-active #chat-col,
body.retro-forum.messenger-chat-active .chat-col{
  gap:0 !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active #msn-chat-shell{
  display:flex !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  margin:0 !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active .msn-chat-peer{
  flex:0 0 58px !important;
  min-height:58px !important;
  margin:0 !important;
  border-top:0 !important;
}

/* TRUE FINAL ABSOLUTE LAST - el spot movil queda visualmente estatico al tocar. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum #page-wall #posts-list .post-card,
  html body.retro-forum #page-wall #posts-list .post-card:hover,
  html body.retro-forum #page-wall #posts-list .post-card:active,
  html body.retro-forum #page-wall #posts-list .post-card:focus,
  html body.retro-forum #page-wall #posts-list .post-card:focus-within,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:hover,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:active,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus-within,
  html body.retro-forum #posts-list .post-card,
  html body.retro-forum #posts-list .post-card:hover,
  html body.retro-forum #posts-list .post-card:active,
  html body.retro-forum #posts-list .post-card:focus,
  html body.retro-forum #posts-list .post-card:focus-within,
  html body.retro-forum #user-wall-posts .post-card,
  html body.retro-forum #user-wall-posts .post-card:hover,
  html body.retro-forum #user-wall-posts .post-card:active,
  html body.retro-forum #user-wall-posts .post-card:focus,
  html body.retro-forum #user-wall-posts .post-card:focus-within{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    background:#1d1f28 !important;
    border-color:#464555 !important;
    outline:0 !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
    transition:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  html body.retro-forum #page-wall #posts-list .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-wall #posts-list .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-wall #posts-list .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-wall #posts-list .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #posts-list .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #posts-list .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #posts-list .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #posts-list .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #user-wall-posts .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #user-wall-posts .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #user-wall-posts .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #user-wall-posts .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video){
    outline:0 !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
    transition:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  html body.retro-forum #page-wall #posts-list .post-card::before,
  html body.retro-forum #page-wall #posts-list .post-card::after,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card::before,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card::after,
  html body.retro-forum #posts-list .post-card::before,
  html body.retro-forum #posts-list .post-card::after,
  html body.retro-forum #user-wall-posts .post-card::before,
  html body.retro-forum #user-wall-posts .post-card::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    transform:none !important;
  }

  html body.retro-forum .post-reactions,
  html body.retro-forum .post-reactions *,
  html body.retro-forum .post-tools__trigger,
  html body.retro-forum .post-tools__trigger *{
    transition-property:transform, color, background, border-color, box-shadow, opacity !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Post v2 final despues de reglas antiguas. */
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2,
html body.retro-forum :is(#page-wall,#page-user-wall) :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2,
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:hover,
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:active,
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:focus-within{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 auto 18px !important;
  padding:0 !important;
  border:1px solid rgba(92,96,119,.92) !important;
  border-radius:8px !important;
  background:#1b1d26 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  transform:none !important;
  scale:1 !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:not(.is-flipped)::before,
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:not(.is-flipped)::after{
  content:none !important;
  display:none !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2 > .fm-post-v2-front{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  width:100% !important;
  max-width:100% !important;
  padding:22px 24px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#1b1d26 !important;
  box-shadow:none !important;
  transform:none !important;
  scale:1 !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:not(.is-flipped) > .fm-post-v2-comments{
  display:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-header{
  order:1 !important;
  display:grid !important;
  grid-template-columns:42px auto 1fr auto auto !important;
  align-items:center !important;
  gap:12px !important;
  min-height:42px !important;
  margin:0 0 20px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-avatar-wrap{
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  border:1px solid rgba(92,96,119,.8) !important;
  border-radius:0 !important;
  background:#10131c !important;
  overflow:hidden !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-avatar{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 !important;
  object-fit:cover !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-name{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#f4f6ff !important;
  -webkit-text-fill-color:#f4f6ff !important;
  font:900 14px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
  text-align:left !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-follow{
  height:24px !important;
  min-height:24px !important;
  padding:0 18px !important;
  border:1px solid rgba(168,165,255,.55) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#d7d3ff !important;
  box-shadow:none !important;
  font:850 11px/1 Inter, system-ui, sans-serif !important;
  transform:none !important;
  transition:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-tools{
  position:static !important;
  margin:0 !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-tools__trigger{
  width:30px !important;
  height:30px !important;
  border:0 !important;
  background:transparent !important;
  color:#a7acc4 !important;
  box-shadow:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-body{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-text{
  margin:0 0 18px !important;
  padding:0 !important;
  color:#f1f3ff !important;
  font:800 14px/1.55 Inter, system-ui, sans-serif !important;
  white-space:pre-wrap !important;
  word-break:break-word !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  aspect-ratio:1 / 1 !important;
  min-height:260px !important;
  max-height:680px !important;
  height:auto !important;
  margin:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#080b13 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap,.post-sticker),
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > .custom-video-wrap > video,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > .post-media > :is(img,video),
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
  background:#080b13 !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-footer{
  display:flex !important;
  flex-direction:column !important;
  margin:0 -24px !important;
  padding:0 !important;
  background:#1b1d26 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-meta{
  order:1 !important;
  margin:0 !important;
  padding:16px 24px !important;
  border:0 !important;
  color:#dce1ff !important;
  font:800 12px/1.35 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions{
  order:2 !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
  max-width:100% !important;
  min-height:42px !important;
  margin:0 !important;
  padding:9px 24px !important;
  border-top:1px solid rgba(92,96,119,.75) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  background:#1b1d26 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-reacts{
  display:contents !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .react-sep{
  display:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.react-btn,.comment-btn,.share-btn,.report-btn){
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#dce1ff !important;
  -webkit-text-fill-color:currentColor !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .react-btn > span:not(.react-icon):not(.react-count){
  display:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions svg{
  width:17px !important;
  height:17px !important;
  flex:0 0 17px !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .heart-btn .react-icon,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .heart-btn.active,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .report-btn{
  color:#ff5d83 !important;
}

/* TRUE END - Reacciones del post con tamaño visual uniforme. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn){
  width:34px !important;
  min-width:34px !important;
  height:26px !important;
  min-height:26px !important;
  padding:0 !important;
  display:inline-grid !important;
  grid-template-columns:18px auto !important;
  align-items:center !important;
  justify-content:start !important;
  column-gap:4px !important;
  line-height:1 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn) .react-icon{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
  line-height:1 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn) .react-icon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn) .react-count{
  min-width:8px !important;
  font-size:12px !important;
  line-height:1 !important;
  text-align:left !important;
}

/* TRUE FINAL ABSOLUTE LAST - Chat movil mantiene visible la tarjeta propia. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    top:calc(var(--fm-header, 64px) + var(--fm-safe-top, 0px)) !important;
    right:0 !important;
    bottom:auto !important;
    left:0 !important;
    width:100vw !important;
    height:calc(var(--fm-vh, 100dvh) - var(--fm-header, 64px) - var(--fm-safe-top, 0px)) !important;
    min-height:0 !important;
    max-height:calc(var(--fm-vh, 100dvh) - var(--fm-header, 64px) - var(--fm-safe-top, 0px)) !important;
    padding-right:var(--fm-safe-right, 0px) !important;
    padding-bottom:var(--fm-safe-bottom, 0px) !important;
    padding-left:var(--fm-safe-left, 0px) !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel,
  body.retro-forum.messenger-chat-active #chat-col #msn-panel,
  body.retro-forum.messenger-chat-active .chat-col #msn-panel{
    display:flex !important;
    visibility:visible !important;
    flex:0 0 auto !important;
    flex-direction:column !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:8px 8px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-self{
    display:grid !important;
    visibility:visible !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:58px !important;
    max-height:none !important;
    padding:8px !important;
    margin:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-search-row,
  body.retro-forum.messenger-chat-active #msn-panel #msn-search-results,
  body.retro-forum.messenger-chat-active #msn-panel #msn-open-bubbles,
  body.retro-forum.messenger-chat-active #msn-panel .msn-section-title,
  body.retro-forum.messenger-chat-active #msn-panel #msn-folder-list,
  body.retro-forum.messenger-chat-active #msn-panel #msn-contact-list{
    display:none !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell{
    display:flex !important;
    flex:1 1 0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }
}

/* TRUE FINAL ABSOLUTE END - Reacciones moviles centradas y compactas. */
@media (max-width:640px){
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-reactions.fm-post-v2-actions,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) div[id^="reactions-"].post-reactions{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:56px !important;
    padding:8px 10px !important;
    overflow:hidden !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .fm-post-v2-reacts,
  html body.retro-forum div[id^="reactions-"].post-reactions .fm-post-v2-reacts,
  html body.retro-forum .post-reactions.fm-post-v2-actions [id^="react-btns-"],
  html body.retro-forum div[id^="reactions-"].post-reactions [id^="react-btns-"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    gap:7px !important;
    min-width:0 !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions button,
  html body.retro-forum div[id^="reactions-"].post-reactions button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:34px !important;
    max-width:none !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 4px !important;
    gap:4px !important;
    text-align:center !important;
    white-space:nowrap !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum .post-reactions.fm-post-v2-actions .share-btn > span,
  html body.retro-forum .post-reactions.fm-post-v2-actions .report-btn > span,
  html body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span,
  html body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span{
    display:none !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .react-icon,
  html body.retro-forum .post-reactions.fm-post-v2-actions .comment-btn-icon,
  html body.retro-forum .post-reactions.fm-post-v2-actions button > svg,
  html body.retro-forum div[id^="reactions-"].post-reactions .react-icon,
  html body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon,
  html body.retro-forum div[id^="reactions-"].post-reactions button > svg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    min-width:20px !important;
    height:20px !important;
    margin:0 !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .react-count,
  html body.retro-forum .post-reactions.fm-post-v2-actions [id^="ccount"]:not(:empty),
  html body.retro-forum div[id^="reactions-"].post-reactions .react-count,
  html body.retro-forum div[id^="reactions-"].post-reactions [id^="ccount"]:not(:empty){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:10px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* TRUE FINAL ABSOLUTE END - Reacciones moviles generales para todos los posts. */
@media (max-width:640px){
  html body.retro-forum .post-card .post-reactions,
  html body.retro-forum .post-face-front > .post-reactions,
  html body.retro-forum div[id^="reactions-"].post-reactions{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    min-height:56px !important;
    padding:8px 10px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum .post-card .post-reactions [id^="react-btns-"],
  html body.retro-forum .post-card .post-reactions .fm-post-v2-reacts,
  html body.retro-forum .post-face-front > .post-reactions [id^="react-btns-"],
  html body.retro-forum .post-face-front > .post-reactions .fm-post-v2-reacts,
  html body.retro-forum div[id^="reactions-"].post-reactions [id^="react-btns-"],
  html body.retro-forum div[id^="reactions-"].post-reactions .fm-post-v2-reacts{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    gap:7px !important;
    min-width:0 !important;
  }

  html body.retro-forum .post-card .post-reactions button,
  html body.retro-forum .post-face-front > .post-reactions button,
  html body.retro-forum div[id^="reactions-"].post-reactions button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:34px !important;
    max-width:none !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 4px !important;
    gap:4px !important;
    white-space:nowrap !important;
    line-height:1 !important;
    text-align:center !important;
  }

  html body.retro-forum .post-card .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum .post-card .post-reactions .share-btn > span,
  html body.retro-forum .post-card .post-reactions .report-btn > span,
  html body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum .post-face-front > .post-reactions .share-btn > span,
  html body.retro-forum .post-face-front > .post-reactions .report-btn > span,
  html body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span,
  html body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span{
    display:none !important;
  }

  html body.retro-forum .post-card .post-reactions .react-icon,
  html body.retro-forum .post-card .post-reactions .comment-btn-icon,
  html body.retro-forum .post-card .post-reactions button > svg,
  html body.retro-forum .post-face-front > .post-reactions .react-icon,
  html body.retro-forum .post-face-front > .post-reactions .comment-btn-icon,
  html body.retro-forum .post-face-front > .post-reactions button > svg,
  html body.retro-forum div[id^="reactions-"].post-reactions .react-icon,
  html body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon,
  html body.retro-forum div[id^="reactions-"].post-reactions button > svg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    min-width:20px !important;
    height:20px !important;
    margin:0 !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-card .post-reactions .react-count,
  html body.retro-forum .post-card .post-reactions [id^="ccount"]:not(:empty),
  html body.retro-forum .post-face-front > .post-reactions .react-count,
  html body.retro-forum .post-face-front > .post-reactions [id^="ccount"]:not(:empty),
  html body.retro-forum div[id^="reactions-"].post-reactions .react-count,
  html body.retro-forum div[id^="reactions-"].post-reactions [id^="ccount"]:not(:empty){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:10px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* TRUE FINAL ABSOLUTE END - Chat movil separado apenas del header. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col{
    --fm-chat-top-gap:6px;
    top:calc(var(--fm-header, 64px) + var(--fm-safe-top, 0px) + var(--fm-chat-top-gap)) !important;
    height:calc(var(--fm-vh, 100dvh) - var(--fm-header, 64px) - var(--fm-safe-top, 0px) - var(--fm-chat-top-gap)) !important;
    max-height:calc(var(--fm-vh, 100dvh) - var(--fm-header, 64px) - var(--fm-safe-top, 0px) - var(--fm-chat-top-gap)) !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Reacciones moviles centradas y compactas. */
@media (max-width:640px){
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-reactions.fm-post-v2-actions,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) div[id^="reactions-"].post-reactions{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:56px !important;
    padding:8px 10px !important;
    overflow:hidden !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .fm-post-v2-reacts,
  html body.retro-forum div[id^="reactions-"].post-reactions .fm-post-v2-reacts,
  html body.retro-forum .post-reactions.fm-post-v2-actions [id^="react-btns-"],
  html body.retro-forum div[id^="reactions-"].post-reactions [id^="react-btns-"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    gap:7px !important;
    min-width:0 !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions button,
  html body.retro-forum div[id^="reactions-"].post-reactions button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:34px !important;
    max-width:none !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 4px !important;
    gap:4px !important;
    text-align:center !important;
    white-space:nowrap !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum .post-reactions.fm-post-v2-actions .share-btn > span,
  html body.retro-forum .post-reactions.fm-post-v2-actions .report-btn > span,
  html body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span,
  html body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span{
    display:none !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .react-icon,
  html body.retro-forum .post-reactions.fm-post-v2-actions .comment-btn-icon,
  html body.retro-forum .post-reactions.fm-post-v2-actions button > svg,
  html body.retro-forum div[id^="reactions-"].post-reactions .react-icon,
  html body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon,
  html body.retro-forum div[id^="reactions-"].post-reactions button > svg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    min-width:20px !important;
    height:20px !important;
    margin:0 !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .react-count,
  html body.retro-forum .post-reactions.fm-post-v2-actions [id^="ccount"]:not(:empty),
  html body.retro-forum div[id^="reactions-"].post-reactions .react-count,
  html body.retro-forum div[id^="reactions-"].post-reactions [id^="ccount"]:not(:empty){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:10px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* TRUE FINAL END - Texto del post a 21px. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-text{
  font-size:21px !important;
  line-height:1.35 !important;
}

/* TRUE FINAL END - Imagen del post rellena todo el bloque media. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > img.post-img,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > video.post-video,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > .post-media > img,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > .post-media > video{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  min-width:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  margin:0 !important;
  border-radius:0 !important;
}

/* TRUE FINAL END - Fondo de media igual al fondo del post. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-body,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media{
  background:#1b1d26 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > :is(img,video,.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > .post-media > :is(img,video),
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media iframe{
  background:#1b1d26 !important;
}

/* TRUE FINAL END - Contador de reaccion como burbuja sobre el icono. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn){
  position:relative !important;
  overflow:visible !important;
  width:28px !important;
  min-width:28px !important;
  grid-template-columns:20px !important;
  justify-content:center !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn) .react-icon{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  font-size:20px !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn) .react-icon svg{
  width:20px !important;
  height:20px !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn) .react-count{
  position:absolute !important;
  top:-8px !important;
  right:-7px !important;
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.86) !important;
  background:#1597ff !important;
  color:#fff !important;
  font:900 10px/1 Inter, system-ui, sans-serif !important;
  box-shadow:0 2px 7px rgba(0,0,0,.35) !important;
  pointer-events:none !important;
}

/* TRUE FINAL END - Texto del post igual en escritorio y movil. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-text,
html body.retro-forum .post-card.fm-post-v2 section.fm-post-v2-body > .post-body.fm-post-v2-text,
html body.retro-forum #posts-list .post-card.fm-post-v2 .fm-post-v2-text,
html body.retro-forum #user-wall-posts .post-card.fm-post-v2 .fm-post-v2-text{
  font-size:21px !important;
  line-height:1.35 !important;
}

/* TRUE FINAL END - Texto del post blanco en escritorio y movil. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-text,
html body.retro-forum .post-card.fm-post-v2 section.fm-post-v2-body > .post-body.fm-post-v2-text,
html body.retro-forum #posts-list .post-card.fm-post-v2 .fm-post-v2-text,
html body.retro-forum #user-wall-posts .post-card.fm-post-v2 .fm-post-v2-text{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .react-count,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-count{
  min-width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2,
  html body.retro-forum :is(#page-wall,#page-user-wall) :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2,
  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:hover,
  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:active,
  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:focus-within{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
    transition:none !important;
  }

  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2 > .fm-post-v2-front{
    padding:14px 16px 0 !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-header{
    grid-template-columns:42px minmax(0,auto) 1fr auto auto !important;
    margin-bottom:18px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-footer{
    margin-left:-16px !important;
    margin-right:-16px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-meta{
    padding:13px 16px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:9px 16px !important;
    gap:13px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .report-btn > span{
    display:none !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Media de publicaciones siempre cuadrada. */
html body.retro-forum #posts-list [id^="post-body-"],
html body.retro-forum #user-wall-posts [id^="post-body-"],
html body.retro-forum #page-wall [id^="post-body-"],
html body.retro-forum #page-user-wall [id^="post-body-"]{
  container-type:inline-size !important;
}

html body.retro-forum #posts-list [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
html body.retro-forum #user-wall-posts [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
html body.retro-forum #page-wall [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
html body.retro-forum #page-user-wall [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap){
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  aspect-ratio:1 / 1 !important;
  height:100cqw !important;
  max-height:680px !important;
  min-height:260px !important;
  overflow:hidden !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
}

html body.retro-forum #posts-list [id^="post-body-"] > :is(.post-media,.custom-video-wrap) > :is(img,video,iframe),
html body.retro-forum #user-wall-posts [id^="post-body-"] > :is(.post-media,.custom-video-wrap) > :is(img,video,iframe),
html body.retro-forum #page-wall [id^="post-body-"] > :is(.post-media,.custom-video-wrap) > :is(img,video,iframe),
html body.retro-forum #page-user-wall [id^="post-body-"] > :is(.post-media,.custom-video-wrap) > :is(img,video,iframe),
html body.retro-forum #posts-list [id^="post-body-"] > :is(.post-embed,.instagram-embed-wrap) iframe,
html body.retro-forum #user-wall-posts [id^="post-body-"] > :is(.post-embed,.instagram-embed-wrap) iframe,
html body.retro-forum #page-wall [id^="post-body-"] > :is(.post-embed,.instagram-embed-wrap) iframe,
html body.retro-forum #page-user-wall [id^="post-body-"] > :is(.post-embed,.instagram-embed-wrap) iframe{
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@supports not (height:100cqw){
  html body.retro-forum #posts-list [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
  html body.retro-forum #user-wall-posts [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
  html body.retro-forum #page-wall [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
  html body.retro-forum #page-user-wall [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap){
    height:min(100vw, 680px) !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Post v2 desde cero. */
html body.retro-forum .post-card.fm-post-v2,
html body.retro-forum .post-card.fm-post-v2:hover,
html body.retro-forum .post-card.fm-post-v2:active,
html body.retro-forum .post-card.fm-post-v2:focus-within{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto 18px !important;
  padding:0 !important;
  border:1px solid rgba(92,96,119,.92) !important;
  border-radius:8px !important;
  background:#1b1d26 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

html body.retro-forum .post-card.fm-post-v2::before,
html body.retro-forum .post-card.fm-post-v2::after{
  content:none !important;
  display:none !important;
}

html body.retro-forum .post-card.fm-post-v2 > .fm-post-v2-front{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  padding:22px 24px 0 !important;
  background:#1b1d26 !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum .post-card.fm-post-v2:not(.is-flipped) > .fm-post-v2-comments{
  display:none !important;
}

html body.retro-forum .fm-post-v2-header{
  display:grid !important;
  grid-template-columns:42px auto 1fr auto auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 !important;
  margin:0 0 20px !important;
  min-height:42px !important;
  border:0 !important;
  background:transparent !important;
}

html body.retro-forum .fm-post-v2-avatar-wrap{
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  border:1px solid rgba(92,96,119,.8) !important;
  border-radius:0 !important;
  background:#10131c !important;
  overflow:hidden !important;
  cursor:pointer !important;
}

html body.retro-forum .fm-post-v2-avatar{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 !important;
  object-fit:cover !important;
  display:block !important;
}

html body.retro-forum .fm-post-v2-name{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#f4f6ff !important;
  -webkit-text-fill-color:#f4f6ff !important;
  font:900 14px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
  text-align:left !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
}

html body.retro-forum .fm-post-v2-spacer{
  min-width:0 !important;
}

html body.retro-forum .fm-post-v2-follow{
  height:24px !important;
  min-height:24px !important;
  padding:0 18px !important;
  border:1px solid rgba(168,165,255,.55) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#d7d3ff !important;
  font:850 11px/1 Inter, system-ui, sans-serif !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-tools{
  position:static !important;
  margin:0 !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-tools__trigger{
  width:30px !important;
  height:30px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#a7acc4 !important;
}

html body.retro-forum .fm-post-v2-body{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
}

html body.retro-forum .fm-post-v2-text{
  padding:0 !important;
  margin:0 0 18px !important;
  color:#f1f3ff !important;
  font:800 14px/1.55 Inter, system-ui, sans-serif !important;
  white-space:pre-wrap !important;
  word-break:break-word !important;
}

html body.retro-forum .fm-post-v2-media{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  min-height:260px !important;
  max-height:680px !important;
  height:auto !important;
  display:block !important;
  overflow:hidden !important;
  background:#080b13 !important;
  border:0 !important;
  margin:0 !important;
}

html body.retro-forum .fm-post-v2-media > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap,.post-sticker),
html body.retro-forum .fm-post-v2-media > .custom-video-wrap > video,
html body.retro-forum .fm-post-v2-media > .post-media > :is(img,video),
html body.retro-forum .fm-post-v2-media iframe{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:none !important;
  min-height:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
  background:#080b13 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
}

html body.retro-forum .fm-post-v2-footer{
  margin:0 -24px !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  background:#1b1d26 !important;
}

html body.retro-forum .fm-post-v2-meta{
  order:1 !important;
  padding:16px 24px !important;
  margin:0 !important;
  border:0 !important;
  color:#dce1ff !important;
  font:800 12px/1.35 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .fm-post-v2-actions{
  order:2 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:9px 24px !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  border-top:1px solid rgba(92,96,119,.75) !important;
  background:#1b1d26 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

html body.retro-forum .fm-post-v2-reacts{
  display:contents !important;
}

html body.retro-forum .fm-post-v2-actions .react-sep{
  display:none !important;
}

html body.retro-forum .fm-post-v2-actions :is(.react-btn,.comment-btn,.share-btn,.report-btn){
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#dce1ff !important;
  -webkit-text-fill-color:currentColor !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum .fm-post-v2-actions :is(.react-btn,.comment-btn,.share-btn,.report-btn):hover,
html body.retro-forum .fm-post-v2-actions :is(.react-btn,.comment-btn,.share-btn,.report-btn):active{
  transform:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body.retro-forum .fm-post-v2-actions svg{
  width:17px !important;
  height:17px !important;
  flex:0 0 17px !important;
}

html body.retro-forum .fm-post-v2-actions .heart-btn .react-icon,
html body.retro-forum .fm-post-v2-actions .heart-btn.active,
html body.retro-forum .fm-post-v2-actions .report-btn{
  color:#ff5d83 !important;
}

html body.retro-forum .fm-post-v2-actions .react-count,
html body.retro-forum .fm-post-v2-count{
  min-width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  color:inherit !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .post-card.fm-post-v2{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
  }

  html body.retro-forum .post-card.fm-post-v2 > .fm-post-v2-front{
    padding:14px 16px 0 !important;
  }

  html body.retro-forum .fm-post-v2-header{
    grid-template-columns:42px minmax(0,auto) 1fr auto auto !important;
    margin-bottom:18px !important;
  }

  html body.retro-forum .fm-post-v2-footer{
    margin-left:-16px !important;
    margin-right:-16px !important;
  }

  html body.retro-forum .fm-post-v2-meta{
    padding:13px 16px !important;
  }

  html body.retro-forum .fm-post-v2-actions{
    padding:9px 16px !important;
    gap:13px !important;
  }

  html body.retro-forum .fm-post-v2-actions .report-btn > span{
    display:none !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Nuevo componente de publicacion desde cero. */
html body.retro-forum .fm-post-v2,
html body.retro-forum .fm-post-v2:hover,
html body.retro-forum .fm-post-v2:active,
html body.retro-forum .fm-post-v2:focus-within{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto 16px !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid #464555 !important;
  border-radius:7px !important;
  background:#1c1f28 !important;
  color:#f3f5ff !important;
  box-shadow:none !important;
  outline:0 !important;
  transform:none !important;
  scale:1 !important;
  filter:none !important;
  animation:none !important;
  transition:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

html body.retro-forum .fm-post-v2::before,
html body.retro-forum .fm-post-v2::after{
  content:none !important;
  display:none !important;
}

html body.retro-forum .fm-post-v2-front{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  background:#1c1f28 !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum .fm-post-v2-header{
  min-height:58px !important;
  padding:20px 24px 12px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,auto) 1fr auto auto !important;
  align-items:center !important;
  gap:12px !important;
  border:0 !important;
  background:transparent !important;
}

html body.retro-forum .fm-post-v2-avatar-wrap{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  cursor:pointer !important;
}

html body.retro-forum .fm-post-v2-avatar{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:0 !important;
  border:1px solid #3b4354 !important;
  object-fit:cover !important;
  box-shadow:none !important;
}

html body.retro-forum .fm-post-v2-name{
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#f5f7ff !important;
  text-align:left !important;
  text-transform:uppercase !important;
  font:900 14px/1.1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
}

html body.retro-forum .fm-post-v2-follow{
  min-width:72px !important;
  height:28px !important;
  padding:0 15px !important;
  border:1px solid rgba(181,180,255,.68) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#d8d7ff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
}

html body.retro-forum .fm-post-v2 .post-tools{
  position:static !important;
  inset:auto !important;
  width:auto !important;
  height:auto !important;
  z-index:6 !important;
}

html body.retro-forum .fm-post-v2 .post-tools__trigger{
  width:32px !important;
  height:32px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#bfc7dc !important;
  transform:none !important;
  transition:none !important;
}

html body.retro-forum .fm-post-v2-body{
  width:100% !important;
  padding:0 24px 0 !important;
  display:block !important;
  box-sizing:border-box !important;
}

html body.retro-forum .fm-post-v2-text{
  width:100% !important;
  margin:8px 0 16px !important;
  padding:0 !important;
  color:#f3f5ff !important;
  font:800 14px/1.5 Inter, system-ui, sans-serif !important;
  white-space:pre-wrap !important;
  word-break:break-word !important;
}

html body.retro-forum .fm-post-v2-media{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  min-height:260px !important;
  max-height:680px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#090c14 !important;
  border:0 !important;
  border-radius:0 !important;
}

html body.retro-forum .fm-post-v2-media > :is(.post-img,.post-video,.post-media,.post-sticker,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
html body.retro-forum .fm-post-v2-media > :is(.post-media,.custom-video-wrap,.post-embed,.instagram-embed-wrap) > :is(img,video,iframe),
html body.retro-forum .fm-post-v2-media iframe{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:none !important;
  min-height:0 !important;
  margin:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#090c14 !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum .fm-post-v2-footer{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

html body.retro-forum .fm-post-v2-meta{
  width:100% !important;
  padding:18px 24px !important;
  margin:0 !important;
  color:#dfe5ff !important;
  font:800 13px/1.35 Inter, system-ui, sans-serif !important;
  border:0 !important;
  box-sizing:border-box !important;
}

html body.retro-forum .fm-post-v2-actions{
  width:100% !important;
  min-height:40px !important;
  margin:0 !important;
  padding:7px 16px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
  border-top:1px solid #3d4050 !important;
  border-radius:0 !important;
  background:#1c1f28 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

html body.retro-forum .fm-post-v2-reacts{
  display:contents !important;
}

html body.retro-forum .fm-post-v2 .react-sep{
  display:none !important;
}

html body.retro-forum .fm-post-v2 .react-btn,
html body.retro-forum .fm-post-v2 .comment-btn,
html body.retro-forum .fm-post-v2 .share-btn,
html body.retro-forum .fm-post-v2 .report-btn{
  width:auto !important;
  min-width:0 !important;
  height:28px !important;
  min-height:28px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  flex:0 0 auto !important;
  border:0 !important;
  background:transparent !important;
  color:#e8ecff !important;
  -webkit-text-fill-color:currentColor !important;
  box-shadow:none !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .fm-post-v2 .react-icon,
html body.retro-forum .fm-post-v2 .comment-btn-icon,
html body.retro-forum .fm-post-v2 .share-btn svg,
html body.retro-forum .fm-post-v2 .report-btn svg{
  width:18px !important;
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  color:currentColor !important;
}

html body.retro-forum .fm-post-v2 .react-count,
html body.retro-forum .fm-post-v2-count{
  min-width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#f2f4ff !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .fm-post-v2 .heart-btn .react-icon,
html body.retro-forum .fm-post-v2 .heart-btn.active .react-icon{
  color:#ff4d7d !important;
}

html body.retro-forum .fm-post-v2 .report-btn{
  color:#ff7fa2 !important;
}

html body.retro-forum .fm-post-v2:not(.is-flipped) > .post-face-back{
  display:none !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .fm-post-v2,
  html body.retro-forum .fm-post-v2:hover,
  html body.retro-forum .fm-post-v2:active{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
  }

  html body.retro-forum .fm-post-v2-header{
    padding:14px 16px 10px !important;
    grid-template-columns:40px minmax(0,1fr) auto auto !important;
  }

  html body.retro-forum .fm-post-v2-spacer{
    display:none !important;
  }

  html body.retro-forum .fm-post-v2-body{
    padding:0 16px !important;
  }

  html body.retro-forum .fm-post-v2-media{
    min-height:260px !important;
  }

  html body.retro-forum .fm-post-v2-meta{
    padding:14px 16px !important;
    font-size:12px !important;
  }

  html body.retro-forum .fm-post-v2-actions{
    padding:7px 12px !important;
    gap:10px !important;
    overflow-x:auto !important;
  }

  html body.retro-forum .fm-post-v2 .report-btn > span{
    display:none !important;
  }
}

/* TRUE FINAL ABSOLUTE - Media de publicaciones en formato cuadrado. */
html body.retro-forum #posts-list [id^="post-body-"],
html body.retro-forum #user-wall-posts [id^="post-body-"],
html body.retro-forum #page-wall [id^="post-body-"],
html body.retro-forum #page-user-wall [id^="post-body-"]{
  container-type:inline-size !important;
}

html body.retro-forum #posts-list [id^="post-body-"] > .post-img,
html body.retro-forum #posts-list [id^="post-body-"] > .post-video,
html body.retro-forum #posts-list [id^="post-body-"] > .post-media,
html body.retro-forum #posts-list [id^="post-body-"] > .post-embed,
html body.retro-forum #posts-list [id^="post-body-"] > .custom-video-wrap,
html body.retro-forum #posts-list [id^="post-body-"] > .instagram-embed-wrap,
html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-img,
html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-video,
html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-media,
html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-embed,
html body.retro-forum #user-wall-posts [id^="post-body-"] > .custom-video-wrap,
html body.retro-forum #user-wall-posts [id^="post-body-"] > .instagram-embed-wrap,
html body.retro-forum #page-wall [id^="post-body-"] > .post-img,
html body.retro-forum #page-wall [id^="post-body-"] > .post-video,
html body.retro-forum #page-wall [id^="post-body-"] > .post-media,
html body.retro-forum #page-wall [id^="post-body-"] > .post-embed,
html body.retro-forum #page-wall [id^="post-body-"] > .custom-video-wrap,
html body.retro-forum #page-wall [id^="post-body-"] > .instagram-embed-wrap,
html body.retro-forum #page-user-wall [id^="post-body-"] > .post-img,
html body.retro-forum #page-user-wall [id^="post-body-"] > .post-video,
html body.retro-forum #page-user-wall [id^="post-body-"] > .post-media,
html body.retro-forum #page-user-wall [id^="post-body-"] > .post-embed,
html body.retro-forum #page-user-wall [id^="post-body-"] > .custom-video-wrap,
html body.retro-forum #page-user-wall [id^="post-body-"] > .instagram-embed-wrap{
  aspect-ratio:1 / 1 !important;
  height:100cqw !important;
  max-height:680px !important;
  min-height:260px !important;
  overflow:hidden !important;
  object-fit:cover !important;
  object-position:center center !important;
}

html body.retro-forum #posts-list [id^="post-body-"] > .custom-video-wrap > video,
html body.retro-forum #user-wall-posts [id^="post-body-"] > .custom-video-wrap > video,
html body.retro-forum #page-wall [id^="post-body-"] > .custom-video-wrap > video,
html body.retro-forum #page-user-wall [id^="post-body-"] > .custom-video-wrap > video,
html body.retro-forum #posts-list [id^="post-body-"] > .post-media > img,
html body.retro-forum #posts-list [id^="post-body-"] > .post-media > video,
html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-media > img,
html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-media > video,
html body.retro-forum #page-wall [id^="post-body-"] > .post-media > img,
html body.retro-forum #page-wall [id^="post-body-"] > .post-media > video,
html body.retro-forum #page-user-wall [id^="post-body-"] > .post-media > img,
html body.retro-forum #page-user-wall [id^="post-body-"] > .post-media > video{
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@supports not (height:100cqw){
  html body.retro-forum #posts-list [id^="post-body-"] > .post-img,
  html body.retro-forum #posts-list [id^="post-body-"] > .post-video,
  html body.retro-forum #posts-list [id^="post-body-"] > .post-media,
  html body.retro-forum #posts-list [id^="post-body-"] > .post-embed,
  html body.retro-forum #posts-list [id^="post-body-"] > .custom-video-wrap,
  html body.retro-forum #posts-list [id^="post-body-"] > .instagram-embed-wrap,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-img,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-video,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-media,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-embed,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .custom-video-wrap,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .instagram-embed-wrap{
    height:min(100vw, 680px) !important;
  }
}

/* TRUE FINAL ABSOLUTE - Comentarios movil ocupan toda la pantalla disponible. */
@media (max-width:900px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum.comments-overlay-open{
    overflow:hidden !important;
    overscroll-behavior:contain !important;
  }

  html body.retro-forum.comments-overlay-open #posts-list .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open #user-wall-posts .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open #page-wall .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open #page-user-wall .post-card.is-flipped::before{
    inset:var(--fm-header, 60px) 0 0 0 !important;
    z-index:8990 !important;
  }

  html body.retro-forum.comments-overlay-open #posts-list .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open #user-wall-posts .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open #page-wall .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open #page-user-wall .post-card.is-flipped .post-face-back{
    position:fixed !important;
    top:var(--fm-header, 60px) !important;
    right:0 !important;
    bottom:var(--keyboard-offset, 0px) !important;
    left:0 !important;
    z-index:9000 !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    transform:none !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  html body.retro-forum.comments-overlay-open .post-card.is-flipped .comments-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
  }

  html body.retro-forum.comments-overlay-open .post-card.is-flipped .comment-input-area,
  html body.retro-forum.comments-overlay-open .post-card.is-flipped .comment-guest-note{
    flex:0 0 auto !important;
    position:static !important;
  }
}

/* TRUE FINAL ABSOLUTE - Fondo tipo reporte cuando se abre comentarios. */
html body.retro-forum.comments-overlay-open #posts-list .post-card.is-flipped::before,
html body.retro-forum.comments-overlay-open #user-wall-posts .post-card.is-flipped::before,
html body.retro-forum.comments-overlay-open #page-wall .post-card.is-flipped::before,
html body.retro-forum.comments-overlay-open #page-user-wall .post-card.is-flipped::before{
  content:"" !important;
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  z-index:8990 !important;
  opacity:1 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(91, 124, 146, .34) 0, rgba(22, 52, 76, .56) 36%, rgba(5, 29, 52, .88) 100%),
    rgba(2, 18, 34, .84) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
  pointer-events:auto !important;
  transform:none !important;
  animation:none !important;
}

html body.retro-forum.comments-overlay-open #posts-list .post-card.is-flipped .post-face-back,
html body.retro-forum.comments-overlay-open #user-wall-posts .post-card.is-flipped .post-face-back,
html body.retro-forum.comments-overlay-open #page-wall .post-card.is-flipped .post-face-back,
html body.retro-forum.comments-overlay-open #page-user-wall .post-card.is-flipped .post-face-back{
  z-index:9000 !important;
}

/* TRUE FINAL ABSOLUTE - En movil el cuerpo del spot no reacciona al toque. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum #page-wall #posts-list .post-card,
  html body.retro-forum #page-wall #posts-list .post-card:hover,
  html body.retro-forum #page-wall #posts-list .post-card:active,
  html body.retro-forum #page-wall #posts-list .post-card:focus,
  html body.retro-forum #page-wall #posts-list .post-card:focus-within,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:hover,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:active,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus-within,
  html body.retro-forum #posts-list .post-card,
  html body.retro-forum #posts-list .post-card:hover,
  html body.retro-forum #posts-list .post-card:active,
  html body.retro-forum #posts-list .post-card:focus,
  html body.retro-forum #posts-list .post-card:focus-within,
  html body.retro-forum #user-wall-posts .post-card,
  html body.retro-forum #user-wall-posts .post-card:hover,
  html body.retro-forum #user-wall-posts .post-card:active,
  html body.retro-forum #user-wall-posts .post-card:focus,
  html body.retro-forum #user-wall-posts .post-card:focus-within{
    background:#1d1f28 !important;
    border-color:#464555 !important;
    outline:0 !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
    transition:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  html body.retro-forum #page-wall #posts-list .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #page-wall #posts-list .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #page-wall #posts-list .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #page-wall #posts-list .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #posts-list .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #posts-list .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #posts-list .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #posts-list .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #user-wall-posts .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #user-wall-posts .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #user-wall-posts .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *),
  html body.retro-forum #user-wall-posts .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video):not(.post-reactions):not(.post-reactions *){
    outline:0 !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
    transition:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  html body.retro-forum #page-wall #posts-list .post-card::before,
  html body.retro-forum #page-wall #posts-list .post-card::after,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card::before,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card::after,
  html body.retro-forum #posts-list .post-card::before,
  html body.retro-forum #posts-list .post-card::after,
  html body.retro-forum #user-wall-posts .post-card::before,
  html body.retro-forum #user-wall-posts .post-card::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    transform:none !important;
  }

  html body.retro-forum .post-reactions,
  html body.retro-forum .post-reactions *,
  html body.retro-forum .post-tools__trigger,
  html body.retro-forum .post-tools__trigger *{
    transition-property:transform, color, background, border-color, box-shadow, opacity !important;
  }
}

/* TRUE FINAL - Pull-to-refresh desactivado en todas las paginas. */
body.retro-forum .ptr-indicator,
.ptr-indicator{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* ABSOLUTE FINAL - La campana no muestra punto falso al abrir Messenger. */
body.retro-forum .navbar.navbar--minimal #notif-count-badge,
body.retro-forum.messenger-open .navbar.navbar--minimal #notif-count-badge,
body.retro-forum.chat-open .navbar.navbar--minimal #notif-count-badge{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

body.retro-forum .navbar.navbar--minimal #notif-count-badge.is-visible:not(:empty),
body.retro-forum.messenger-open .navbar.navbar--minimal #notif-count-badge.is-visible:not(:empty),
body.retro-forum.chat-open .navbar.navbar--minimal #notif-count-badge.is-visible:not(:empty){
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* TRUE FINAL - Preview before sending camera/gallery media in Messenger. */
body.retro-forum #msn-chat-compose.msn-chat-compose{
  grid-template-areas:
    "preview preview"
    "tools tools"
    "input send"
    "progress progress"
    "emoji emoji"
    "sticker sticker" !important;
}

body.retro-forum #msn-chat-compose #msn-media-preview{
  grid-area:preview !important;
}

body.retro-forum #msn-chat-compose #msn-media-preview[hidden]{
  display:none !important;
}

body.retro-forum #msn-chat-compose #msn-media-preview:not([hidden]){
  display:grid !important;
  grid-template-columns:72px minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  padding:8px !important;
  border:1px solid rgba(178, 171, 255, .22) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(32, 35, 49, .98), rgba(18, 21, 32, .98)) !important;
  box-shadow:0 12px 28px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  animation:msnMediaPreviewIn .16s ease-out both !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__frame{
  width:72px !important;
  height:58px !important;
  display:block !important;
  padding:0 !important;
  border:0 !important;
  border-radius:10px !important;
  overflow:hidden !important;
  background:#080b12 !important;
  box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
  cursor:zoom-in !important;
  position:relative !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__frame::after{
  content:"Mirar" !important;
  position:absolute !important;
  right:4px !important;
  bottom:4px !important;
  padding:4px 7px !important;
  border-radius:999px !important;
  background:rgba(8, 11, 18, .78) !important;
  color:#ffffff !important;
  font:900 9px/1 Inter, system-ui, sans-serif !important;
  opacity:1 !important;
  transform:translateY(0) !important;
  transition:opacity .14s ease, transform .14s ease !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__frame:hover::after,
body.retro-forum #msn-chat-compose .msn-media-preview__frame:focus-visible::after{
  opacity:1 !important;
  transform:translateY(0) !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__frame img,
body.retro-forum #msn-chat-compose .msn-media-preview__frame video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__meta{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__meta strong{
  color:#ffffff !important;
  font:900 12px/1.15 Inter, system-ui, sans-serif !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__meta span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#aeb4c9 !important;
  font:750 11px/1.15 Inter, system-ui, sans-serif !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__actions{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__actions button{
  min-width:72px !important;
  height:30px !important;
  border:0 !important;
  border-radius:8px !important;
  padding:0 10px !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
  transition:transform .15s ease, filter .15s ease, opacity .15s ease !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__actions button:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.06) !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__actions button:active{
  transform:scale(.96) !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__actions button:disabled{
  opacity:.65 !important;
  cursor:wait !important;
  transform:none !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__send{
  background:linear-gradient(180deg, #d8d2ff, #afa4ff) !important;
  color:#16104f !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__remove{
  background:rgba(255,255,255,.08) !important;
  color:#f1f1fb !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

@keyframes msnMediaPreviewIn{
  from{ opacity:0; transform:translateY(8px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

@media (max-width: 520px){
  body.retro-forum #msn-chat-compose #msn-media-preview:not([hidden]){
    grid-template-columns:64px minmax(0, 1fr) !important;
  }

  body.retro-forum #msn-chat-compose .msn-media-preview__frame{
    width:64px !important;
    height:54px !important;
  }

  body.retro-forum #msn-chat-compose .msn-media-preview__actions{
    grid-column:1 / -1 !important;
    flex-direction:row !important;
    justify-content:flex-end !important;
  }
}

/* ABSOLUTE FINAL - En movil el avatar del post no tapa el nombre. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum .post-face-front > .post-header,
  body.retro-forum .post-header{
    display:grid !important;
    grid-template-columns:52px minmax(0, 1fr) auto !important;
    align-items:center !important;
    column-gap:14px !important;
    gap:14px !important;
    min-height:70px !important;
    padding:14px 12px 10px !important;
  }

  body.retro-forum .post-face-front > .post-header .av-wrap,
  body.retro-forum .post-header .av-wrap{
    grid-column:1 !important;
    justify-self:start !important;
    align-self:center !important;
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    margin:0 !important;
    flex:0 0 48px !important;
  }

  body.retro-forum .post-face-front > .post-header .post-meta,
  body.retro-forum .post-header .post-meta{
    grid-column:2 !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:4px !important;
    flex:1 1 auto !important;
  }

  body.retro-forum .post-face-front > .post-header .post-meta > .flex.ic,
  body.retro-forum .post-face-front > .post-header .post-meta .flex.ic.g2,
  body.retro-forum .post-header .post-meta > .flex.ic,
  body.retro-forum .post-header .post-meta .flex.ic.g2{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    overflow:hidden !important;
  }

  body.retro-forum .post-face-front > .post-header .post-username,
  body.retro-forum .post-header .post-username{
    min-width:0 !important;
    max-width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.retro-forum .post-face-front > .post-header .post-follow-btn,
  body.retro-forum .post-header .post-follow-btn{
    flex:0 0 auto !important;
    margin-left:8px !important;
    min-width:58px !important;
    max-width:76px !important;
    height:26px !important;
    padding:0 10px !important;
    font-size:11px !important;
  }

  body.retro-forum .post-face-front > .post-header .post-tools,
  body.retro-forum .post-header .post-tools{
    grid-column:3 !important;
    justify-self:end !important;
  }
}

/* TRUE FINAL - En movil Reportar es solo icono. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .post-reactions .report-btn,
  html body.retro-forum .post-face-front .post-reactions .report-btn,
  html body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    flex:0 0 42px !important;
    gap:0 !important;
    padding:0 !important;
  }

  html body.retro-forum .post-reactions .report-btn > span,
  html body.retro-forum .post-face-front .post-reactions .report-btn > span,
  html body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    max-width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    opacity:0 !important;
  }

  html body.retro-forum .post-reactions .report-btn svg,
  html body.retro-forum .post-face-front .post-reactions .report-btn svg,
  html body.retro-forum div[id^="reactions-"].post-reactions .report-btn svg{
    margin:0 !important;
  }
}

/* TRUE FINAL - Comentarios en escritorio ocupan toda la columna central. */
@media (min-width:901px){
  html body.retro-forum #posts-list .post-card.is-flipped::before,
  html body.retro-forum #user-wall-posts .post-card.is-flipped::before,
  html body.retro-forum #page-wall .post-card.is-flipped::before,
  html body.retro-forum #page-user-wall .post-card.is-flipped::before{
    content:"" !important;
    display:block !important;
    position:fixed !important;
    inset:var(--fm-header) 0 0 0 !important;
    z-index:8990 !important;
    background:rgba(5, 8, 14, .52) !important;
    backdrop-filter:blur(7px) !important;
    pointer-events:none !important;
  }

  html body.retro-forum #posts-list .post-card.is-flipped .post-face-front,
  html body.retro-forum #user-wall-posts .post-card.is-flipped .post-face-front,
  html body.retro-forum #page-wall .post-card.is-flipped .post-face-front,
  html body.retro-forum #page-user-wall .post-card.is-flipped .post-face-front{
    display:flex !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body.retro-forum #posts-list .post-card.is-flipped .post-face-back,
  html body.retro-forum #user-wall-posts .post-card.is-flipped .post-face-back,
  html body.retro-forum #page-wall .post-card.is-flipped .post-face-back,
  html body.retro-forum #page-user-wall .post-card.is-flipped .post-face-back{
    position:fixed !important;
    top:var(--fm-header) !important;
    bottom:0 !important;
    left:var(--comment-modal-left, 50%) !important;
    right:auto !important;
    z-index:9000 !important;
    width:min(var(--comment-modal-width, var(--fm-feed)), calc(100vw - 32px)) !important;
    max-width:min(var(--comment-modal-width, var(--fm-feed)), calc(100vw - 32px)) !important;
    min-width:0 !important;
    height:calc(100dvh - var(--fm-header)) !important;
    max-height:calc(100dvh - var(--fm-header)) !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    transform:translateX(-50%) !important;
    animation:none !important;
    overflow:hidden !important;
    border-radius:0 !important;
    border:1px solid rgba(195, 192, 255, .26) !important;
    border-top:0 !important;
    background:#11131b !important;
    box-shadow:0 28px 90px rgba(0, 0, 0, .48) !important;
    box-sizing:border-box !important;
  }
}

/* ABSOLUTE FINAL - Editar perfil entra completo y scrollea bien en movil. */
@media (max-width:680px){
  body.retro-forum #modal-overlay.modal-overlay,
  body.retro-forum .modal-overlay{
    align-items:flex-start !important;
    justify-content:center !important;
    padding:
      calc(8px + env(safe-area-inset-top, 0px))
      6px
      calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
  }

  body.retro-forum #modal-box.modal.modal-bare{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    overflow:hidden !important;
  }

  body.retro-forum .fm-profile-edit-modal,
  body.retro-forum .profile-modern-modal{
    width:100% !important;
    max-width:100% !important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto minmax(0, 1fr) auto !important;
    overflow:hidden !important;
    border-radius:18px !important;
  }

  body.retro-forum .fm-profile-edit-modal .msn-modern-head{
    flex:0 0 auto !important;
    padding-top:14px !important;
  }

  body.retro-forum .fm-profile-edit-modal .profile-modern-body,
  body.retro-forum .fm-profile-edit-modal .msn-modern-body{
    min-height:0 !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

body.retro-forum .fm-profile-edit-modal .msn-modern-actions{
    flex:0 0 auto !important;
    position:relative !important;
    bottom:auto !important;
  }
}

/* ABSOLUTE FINAL - Messenger timestamps live below the bubble, like audio notes. */
body.retro-forum .msn-chat-shell .dm-message-stack{
  display:grid !important;
  grid-template-columns:minmax(0, auto) !important;
  gap:3px !important;
  min-width:0 !important;
  max-width:100% !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-mine .dm-message-stack{
  justify-items:end !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-other .dm-message-stack{
  justify-items:start !important;
}

body.retro-forum .msn-chat-shell .dm-msg .dm-message-stack > .dm-bubble{
  grid-row:1 !important;
}

body.retro-forum .msn-chat-shell .dm-msg .dm-message-stack > .dm-time{
  grid-row:2 !important;
  position:static !important;
  width:auto !important;
  max-width:100% !important;
  min-width:max-content !important;
  margin:0 4px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:.82 !important;
  text-align:right !important;
  font:900 10px/1.15 Inter, system-ui, sans-serif !important;
  text-shadow:0 1px 2px rgba(15, 23, 42, .42) !important;
  justify-self:end !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-other .dm-message-stack > .dm-time{
  justify-self:end !important;
}

/* ABSOLUTE FINAL - Feed movil visible debajo del header fijo. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum:not(.messenger-open):not(.chat-open) #page-wall,
  body.retro-forum:not(.messenger-open):not(.chat-open) #page-user-wall{
    padding-top:calc(var(--fm-header, 64px) + 10px + env(safe-area-inset-top, 0px)) !important;
    scroll-margin-top:calc(var(--fm-header, 64px) + 10px + env(safe-area-inset-top, 0px)) !important;
  }

  body.retro-forum:not(.messenger-open):not(.chat-open) #page-wall .feed-header,
  body.retro-forum:not(.messenger-open):not(.chat-open) #page-user-wall #user-wall-page-header{
    margin-top:0 !important;
  }

  body.retro-forum .instagram-embed-wrap.instagram-actions-trimmed{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  body.retro-forum .instagram-embed-wrap.instagram-actions-trimmed .instagram-media{
    width:100% !important;
    max-width:100% !important;
    height:max(260px, var(--ig-embed-visible-height, 320px)) !important;
    min-height:260px !important;
    max-height:none !important;
  }

  body.retro-forum .instagram-embed-wrap.instagram-actions-trimmed iframe{
    width:100% !important;
    min-height:max(330px, var(--ig-embed-full-height, 420px)) !important;
    height:max(330px, var(--ig-embed-full-height, 420px)) !important;
  }
}

/* ABSOLUTE FINAL - El muro personal movil arranca debajo del header fijo. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #page-user-wall{
    padding-top:calc(var(--fm-header, 64px) + 10px + env(safe-area-inset-top, 0px)) !important;
    scroll-margin-top:calc(var(--fm-header, 64px) + 10px + env(safe-area-inset-top, 0px)) !important;
  }

  body.retro-forum #page-user-wall #user-wall-page-header{
    margin-top:0 !important;
  }
}

/* TRUE FINAL - Me gusta activo en verde. */
body.retro-forum .post-reactions .like-btn.active,
body.retro-forum .post-face-front .post-reactions .like-btn.active,
body.retro-forum div[id^="reactions-"].post-reactions .like-btn.active,
body.retro-forum button[id^="rbtn-like-"].active{
  color:#35d977 !important;
}

body.retro-forum .post-reactions .like-btn.active .react-icon,
body.retro-forum .post-reactions .like-btn.active .react-count,
body.retro-forum .post-face-front .post-reactions .like-btn.active .react-icon,
body.retro-forum .post-face-front .post-reactions .like-btn.active .react-count,
body.retro-forum div[id^="reactions-"].post-reactions .like-btn.active .react-icon,
body.retro-forum div[id^="reactions-"].post-reactions .like-btn.active .react-count,
body.retro-forum button[id^="rbtn-like-"].active .react-icon,
body.retro-forum button[id^="rbtn-like-"].active .react-count{
  color:#35d977 !important;
  border-color:rgba(53, 217, 119, .48) !important;
}

/* TRUE FINAL - La campana no muestra punto falso al abrir Messenger. */
body.retro-forum .navbar.navbar--minimal #notif-count-badge,
body.retro-forum.messenger-open .navbar.navbar--minimal #notif-count-badge,
body.retro-forum.chat-open .navbar.navbar--minimal #notif-count-badge{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

body.retro-forum .navbar.navbar--minimal #notif-count-badge.is-visible:not(:empty),
body.retro-forum.messenger-open .navbar.navbar--minimal #notif-count-badge.is-visible:not(:empty),
body.retro-forum.chat-open .navbar.navbar--minimal #notif-count-badge.is-visible:not(:empty){
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* TRUE FINAL - Editar perfil no se corta en formato movil. */
@media (max-width:680px){
  body.retro-forum #modal-overlay.modal-overlay,
  body.retro-forum .modal-overlay{
    align-items:flex-start !important;
    justify-content:center !important;
    padding:
      calc(8px + env(safe-area-inset-top, 0px))
      6px
      calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.retro-forum #modal-box.modal.modal-bare{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    overflow:hidden !important;
  }

  body.retro-forum .fm-profile-edit-modal,
  body.retro-forum .profile-modern-modal{
    width:100% !important;
    max-width:100% !important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto minmax(0, 1fr) auto !important;
    overflow:hidden !important;
    border-radius:18px !important;
  }

  body.retro-forum .fm-profile-edit-modal .msn-modern-head{
    flex:0 0 auto !important;
    padding-top:14px !important;
  }

  body.retro-forum .fm-profile-edit-modal .profile-modern-body,
  body.retro-forum .fm-profile-edit-modal .msn-modern-body{
    min-height:0 !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.retro-forum .fm-profile-edit-modal .msn-modern-actions{
    flex:0 0 auto !important;
    position:relative !important;
    bottom:auto !important;
  }
}

/* ABSOLUTE FINAL - Messenger timestamps live below the bubble, like audio notes. */
body.retro-forum .msn-chat-shell .dm-message-stack{
  display:grid !important;
  grid-template-columns:minmax(0, auto) !important;
  gap:3px !important;
  min-width:0 !important;
  max-width:100% !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-mine .dm-message-stack{
  justify-items:end !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-other .dm-message-stack{
  justify-items:start !important;
}

body.retro-forum .msn-chat-shell .dm-msg .dm-message-stack > .dm-bubble{
  grid-row:1 !important;
}

body.retro-forum .msn-chat-shell .dm-msg .dm-message-stack > .dm-time{
  grid-row:2 !important;
  position:static !important;
  width:auto !important;
  max-width:100% !important;
  min-width:max-content !important;
  margin:0 4px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:.82 !important;
  text-align:right !important;
  font:900 10px/1.15 Inter, system-ui, sans-serif !important;
  text-shadow:0 1px 2px rgba(15, 23, 42, .42) !important;
  justify-self:end !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-other .dm-message-stack > .dm-time{
  justify-self:end !important;
}

/* TRUE FINAL - Desktop reactions exact requested layout. */
@media (min-width: 761px){
  body.retro-forum .post-face-front > .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:58px !important;
    padding:8px 10px !important;
    background:linear-gradient(180deg, #202735 0%, #151b26 100%) !important;
    border:1px solid rgba(195, 192, 255, .24) !important;
    border-radius:0 0 8px 8px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-sep,
  body.retro-forum div[id^="reactions-"].post-reactions .react-sep{
    display:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-btn,
  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    border:1px solid rgba(255,255,255,.48) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.64), 0 4px 10px rgba(0,0,0,.14) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn{
    flex:0 1 240px !important;
    width:240px !important;
    max-width:min(240px, 42vw) !important;
    min-width:180px !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 0 0 0 !important;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border-radius:12px !important;
    background:#b8d7ff !important;
    border:1px solid rgba(255,255,255,.52) !important;
    color:#10172a !important;
    font:900 12px/1 Inter, system-ui, sans-serif !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.64), 0 4px 10px rgba(0,0,0,.14) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]){
    color:#10172a !important;
  }

  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn{
    margin-left:auto !important;
    background:#c7e9ff !important;
    color:#0095a8 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    background:#ffd7df !important;
    color:#ff4968 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .heart-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn{
    background:#ffd5e4 !important;
    color:#ff3f76 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .like-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn{
    background:#d8ecff !important;
    color:#5c7798 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .like-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn.active{
    color:#2b8cff !important;
  }

  body.retro-forum .post-face-front > .post-reactions .dislike-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn{
    background:#d8ecff !important;
    color:#5c677a !important;
  }

  body.retro-forum .post-face-front > .post-reactions .dislike-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn.active{
    background:#ffd0da !important;
    color:#ff3458 !important;
  }
}

/* Messenger mobile: fixed chrome, scroll only inside the contacts list. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.chat-open #chat-col,
  body.retro-forum.messenger-open .chat-col,
  body.retro-forum.chat-open .chat-col {
    overflow: hidden !important;
  }

  body.retro-forum.messenger-open #msn-panel,
  body.retro-forum.chat-open #msn-panel {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    -webkit-overflow-scrolling: auto !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self,
  body.retro-forum.chat-open #msn-panel .msn-self,
  body.retro-forum.messenger-open #msn-panel .msn-search-row,
  body.retro-forum.chat-open #msn-panel .msn-search-row,
  body.retro-forum.messenger-open #msn-panel .msn-section-title,
  body.retro-forum.chat-open #msn-panel .msn-section-title,
  body.retro-forum.messenger-open #msn-panel #msn-folder-list,
  body.retro-forum.chat-open #msn-panel #msn-folder-list {
    flex: 0 0 auto !important;
  }

  body.retro-forum.messenger-open #msn-panel #msn-folder-list,
  body.retro-forum.chat-open #msn-panel #msn-folder-list {
    max-height: min(22dvh, 170px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.retro-forum.messenger-open #msn-panel #msn-contact-list,
  body.retro-forum.chat-open #msn-panel #msn-contact-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding-right: 4px !important;
    padding-bottom: 18px !important;
    scrollbar-gutter: stable !important;
  }

  body.retro-forum.messenger-open #msn-contact-list .msn-friends-panel,
  body.retro-forum.chat-open #msn-contact-list .msn-friends-panel {
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
}

/* TRUE FINAL - mobile comments floating window. */
@media (max-width: 640px) {
  body.retro-forum .post-card.is-flipped {
    min-height: 0 !important;
    border-color: transparent !important;
  }

  body.retro-forum .post-card.is-flipped::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 8990 !important;
    background: rgba(5, 8, 14, .72) !important;
    backdrop-filter: blur(8px) !important;
  }

  body.retro-forum .post-card.is-flipped .post-face-front {
    display: flex !important;
  }

  body.retro-forum .post-card.is-flipped .post-face-back {
    position: fixed !important;
    top: 76px !important;
    right: 12px !important;
    bottom: 82px !important;
    left: 12px !important;
    z-index: 9000 !important;
    width: auto !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(143, 199, 255, .36) !important;
    background: #111722 !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .58) !important;
  }

  body.retro-forum .post-card.is-flipped .comments-post-preview {
    flex: 0 0 auto !important;
    min-height: 62px !important;
    max-height: 72px !important;
    border-bottom: 1px solid rgba(143, 199, 255, .2) !important;
    background: #1d2736 !important;
  }

  body.retro-forum .post-card.is-flipped .comments-back-header {
    flex: 0 0 auto !important;
    padding: 12px 16px !important;
    background: #242b38 !important;
    border-bottom: 1px solid rgba(143, 199, 255, .18) !important;
  }

  body.retro-forum .post-card.is-flipped .comments-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px 14px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    background: #111722 !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-area,
  body.retro-forum .post-card.is-flipped .comment-guest-note {
    flex: 0 0 auto !important;
    position: static !important;
    padding: 12px 14px 14px !important;
    border-top: 1px solid rgba(143, 199, 255, .18) !important;
    background: #242b38 !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-wrap {
    gap: 8px !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-row {
    align-items: center !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-area textarea {
    min-height: 48px !important;
    max-height: 96px !important;
  }

  body.retro-forum .post-card.is-flipped .comments-back-close {
    background: #d9eaff !important;
    color: #111827 !important;
    border: 1px solid rgba(143, 199, 255, .42) !important;
  }
}

/* Mobile comments as a floating window instead of expanding the post. */
@media (max-width: 640px) {
  body.retro-forum .post-card.is-flipped {
    min-height: 0 !important;
    border-color: transparent !important;
  }

  body.retro-forum .post-card.is-flipped::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 8990 !important;
    background: rgba(5, 8, 14, .72) !important;
    backdrop-filter: blur(8px) !important;
  }

  body.retro-forum .post-card.is-flipped .post-face-front {
    display: flex !important;
  }

  body.retro-forum .post-card.is-flipped .post-face-back {
    position: fixed !important;
    top: 76px !important;
    right: 12px !important;
    bottom: 82px !important;
    left: 12px !important;
    z-index: 9000 !important;
    width: auto !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(143, 199, 255, .36) !important;
    background: #111722 !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .58) !important;
  }

  body.retro-forum .post-card.is-flipped .comments-post-preview {
    flex: 0 0 auto !important;
    min-height: 62px !important;
    max-height: 72px !important;
    border-bottom: 1px solid rgba(143, 199, 255, .2) !important;
    background: #1d2736 !important;
  }

  body.retro-forum .post-card.is-flipped .comments-back-header {
    flex: 0 0 auto !important;
    padding: 12px 16px !important;
    background: #242b38 !important;
    border-bottom: 1px solid rgba(143, 199, 255, .18) !important;
  }

  body.retro-forum .post-card.is-flipped .comments-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px 14px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    background: #111722 !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-area,
  body.retro-forum .post-card.is-flipped .comment-guest-note {
    flex: 0 0 auto !important;
    position: static !important;
    padding: 12px 14px 14px !important;
    border-top: 1px solid rgba(143, 199, 255, .18) !important;
    background: #242b38 !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-wrap {
    gap: 8px !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-row {
    align-items: center !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-area textarea {
    min-height: 48px !important;
    max-height: 96px !important;
  }

  body.retro-forum .post-card.is-flipped .comments-back-close {
    background: #d9eaff !important;
    color: #111827 !important;
    border: 1px solid rgba(143, 199, 255, .42) !important;
  }
}

/* FINAL OVERRIDE - mobile reaction bar, must stay at file end */
@media (max-width: 640px) {
  body.retro-forum #page-wall .post-face-front .post-reactions,
  body.retro-forum #page-user-wall .post-face-front .post-reactions,
  body.retro-forum .post-face-front .post-reactions,
  body.retro-forum .post-reactions {
    display: grid !important;
    grid-template-columns: 42px 42px 42px minmax(116px, 1fr) 42px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 9px 12px !important;
    background: linear-gradient(180deg, #202735 0%, #131823 100%) !important;
    border-top: 1px solid rgba(195, 192, 255, .22) !important;
    border-bottom: 1px solid rgba(0, 0, 0, .34) !important;
    color: #eef3ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    overflow: visible !important;
  }

  body.retro-forum .post-reactions:has(.report-btn),
  body.retro-forum .post-face-front .post-reactions:has(.report-btn) {
    grid-template-columns: 42px 42px 42px minmax(96px, 1fr) 42px 42px !important;
  }

  body.retro-forum .post-reactions .react-sep,
  body.retro-forum .post-face-front .post-reactions .react-sep {
    display: none !important;
  }

  body.retro-forum .post-reactions .react-btn,
  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-reactions .report-btn,
  body.retro-forum .post-face-front .react-btn,
  body.retro-forum .post-face-front .share-btn,
  body.retro-forum .post-face-front .report-btn {
    position: relative !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    border-radius: 14px !important;
    background: rgba(238, 243, 255, .09) !important;
    border: 1px solid rgba(195, 192, 255, .24) !important;
    color: #dbe6ff !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
  }

  body.retro-forum .post-reactions .comment-btn,
  body.retro-forum .post-face-front .comment-btn {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #c3c0ff 0%, #8fc7ff 100%) !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    color: #10172a !important;
    opacity: 1 !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: 0 10px 22px rgba(79, 70, 229, .24) !important;
  }

  body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-reactions .share-btn > span,
  body.retro-forum .post-face-front .share-btn > span,
  body.retro-forum .post-reactions .report-btn > span,
  body.retro-forum .post-face-front .report-btn > span {
    display: none !important;
  }

  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-face-front .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]) {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    color: #10172a !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-reactions .react-icon,
  body.retro-forum .post-face-front .react-icon,
  body.retro-forum .post-reactions .comment-btn-icon,
  body.retro-forum .post-face-front .comment-btn-icon {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentColor !important;
    font-size: 18px !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-reactions .react-icon svg,
  body.retro-forum .post-face-front .react-icon svg,
  body.retro-forum .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front .comment-btn-icon svg,
  body.retro-forum .post-reactions .share-btn svg,
  body.retro-forum .post-face-front .share-btn svg,
  body.retro-forum .post-reactions .report-btn svg,
  body.retro-forum .post-face-front .report-btn svg {
    width: 21px !important;
    height: 21px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.retro-forum .post-reactions .heart-btn,
  body.retro-forum .post-face-front .heart-btn {
    color: #ff6fa0 !important;
  }

  body.retro-forum .post-reactions .like-btn,
  body.retro-forum .post-face-front .like-btn {
    color: #8fc7ff !important;
  }

  body.retro-forum .post-reactions .dislike-btn,
  body.retro-forum .post-face-front .dislike-btn {
    color: #aebbd0 !important;
  }

  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-face-front .share-btn {
    color: #6ee7d8 !important;
  }

  body.retro-forum .post-reactions .report-btn,
  body.retro-forum .post-face-front .report-btn {
    color: #ff8ea1 !important;
  }

  body.retro-forum .post-reactions .react-btn:hover,
  body.retro-forum .post-reactions .react-btn.active,
  body.retro-forum .post-face-front .react-btn:hover,
  body.retro-forum .post-face-front .react-btn.active,
  body.retro-forum .post-reactions .share-btn:hover,
  body.retro-forum .post-face-front .share-btn:hover {
    background: rgba(238, 243, 255, .17) !important;
    border-color: rgba(195, 192, 255, .46) !important;
  }

  body.retro-forum .post-reactions .react-count,
  body.retro-forum .post-face-front .react-count {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #eef3ff !important;
    color: #10172a !important;
    border: 1px solid rgba(16, 23, 42, .16) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body.retro-forum .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum .post-face-front .comment-btn span[id^="ccount"] {
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(16, 23, 42, .14) !important;
    color: #10172a !important;
    border: 1px solid rgba(16, 23, 42, .12) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
}

/* Mobile reactions final alignment override */
@media (max-width: 640px) {
  body.retro-forum .post-reactions,
  body.retro-forum .post-face-front .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    overflow: visible !important;
    background: #edf5ff !important;
    border-top: 1px solid rgba(126, 166, 226, .5) !important;
  }

  body.retro-forum .post-reactions .react-btn,
  body.retro-forum .post-face-front .post-reactions .react-btn,
  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-face-front .post-reactions .share-btn,
  body.retro-forum .post-reactions .report-btn,
  body.retro-forum .post-face-front .post-reactions .report-btn {
    position: relative !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 13px !important;
    background: #d9eaff !important;
    border: 1px solid rgba(96, 137, 203, .38) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.retro-forum .post-reactions .comment-btn,
  body.retro-forum .post-face-front .post-reactions .comment-btn {
    position: relative !important;
    flex: 1 1 124px !important;
    width: auto !important;
    min-width: 112px !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #d4d1ff 0%, #9bd2ff 100%) !important;
    border: 1px solid rgba(96, 137, 203, .45) !important;
    color: #10172a !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-reactions .share-btn > span,
  body.retro-forum .post-face-front .post-reactions .share-btn > span,
  body.retro-forum .post-reactions .report-btn > span,
  body.retro-forum .post-face-front .post-reactions .report-btn > span {
    display: none !important;
  }

  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-face-front .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]) {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    color: #10172a !important;
    white-space: nowrap !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-reactions .react-icon,
  body.retro-forum .post-face-front .post-reactions .react-icon,
  body.retro-forum .post-reactions .comment-btn-icon,
  body.retro-forum .post-face-front .post-reactions .comment-btn-icon,
  body.retro-forum .post-reactions .share-btn svg,
  body.retro-forum .post-face-front .post-reactions .share-btn svg,
  body.retro-forum .post-reactions .report-btn svg,
  body.retro-forum .post-face-front .post-reactions .report-btn svg {
    width: 21px !important;
    min-width: 21px !important;
    height: 21px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.retro-forum .post-reactions .heart-btn {
    color: #f15f8b !important;
  }

  body.retro-forum .post-reactions .like-btn {
    color: #6d8eff !important;
  }

  body.retro-forum .post-reactions .dislike-btn {
    color: #6b7a90 !important;
  }

  body.retro-forum .post-reactions .share-btn {
    color: #0f8d98 !important;
    margin-left: auto !important;
  }

  body.retro-forum .post-reactions .react-count,
  body.retro-forum .post-face-front .post-reactions .react-count,
  body.retro-forum .post-reactions .comment-btn span[id^="ccount"]:not(:empty),
  body.retro-forum .post-face-front .post-reactions .comment-btn span[id^="ccount"]:not(:empty) {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid rgba(15, 23, 42, .18) !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .12) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body.retro-forum .post-reactions .comment-btn span[id^="ccount"]:empty,
  body.retro-forum .post-face-front .post-reactions .comment-btn span[id^="ccount"]:empty {
    display: none !important;
  }
}

/* ABSOLUTE FINAL - mobile reactions single-line fix */
@media (max-width: 640px) {
  body.retro-forum .post-face-front .post-reactions,
  body.retro-forum .post-reactions {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 58px !important;
    padding: 9px 12px !important;
    background: linear-gradient(180deg, #202735 0%, #131823 100%) !important;
    border-top: 1px solid rgba(195, 192, 255, .22) !important;
    color: #eef3ff !important;
    overflow: visible !important;
  }

  body.retro-forum .post-reactions .react-sep,
  body.retro-forum .post-face-front .post-reactions .react-sep {
    display: none !important;
  }

  body.retro-forum .post-reactions .react-btn,
  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-reactions .report-btn,
  body.retro-forum .post-face-front .react-btn,
  body.retro-forum .post-face-front .share-btn,
  body.retro-forum .post-face-front .report-btn {
    position: relative !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: rgba(238, 243, 255, .09) !important;
    border: 1px solid rgba(195, 192, 255, .24) !important;
    color: #dbe6ff !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }

  body.retro-forum .post-reactions .comment-btn,
  body.retro-forum .post-face-front .comment-btn {
    flex: 1 1 124px !important;
    width: auto !important;
    min-width: 112px !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #c3c0ff 0%, #8fc7ff 100%) !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    color: #10172a !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 22px rgba(79, 70, 229, .24) !important;
  }

  body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-reactions .share-btn > span,
  body.retro-forum .post-face-front .share-btn > span,
  body.retro-forum .post-reactions .report-btn > span,
  body.retro-forum .post-face-front .report-btn > span {
    display: none !important;
  }

  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-face-front .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]) {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: nowrap !important;
    color: #10172a !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum .post-face-front .comment-btn span[id^="ccount"],
  body.retro-forum .post-reactions .react-count,
  body.retro-forum .post-face-front .react-count {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #eef3ff !important;
    color: #10172a !important;
    border: 1px solid rgba(16, 23, 42, .16) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
}

/* FINAL OVERRIDE - mobile reaction bar, file-end priority */
@media (max-width: 640px) {
  body.retro-forum #page-wall .post-face-front .post-reactions,
  body.retro-forum #page-user-wall .post-face-front .post-reactions,
  body.retro-forum .post-face-front .post-reactions,
  body.retro-forum .post-reactions {
    display: grid !important;
    grid-template-columns: 42px 42px 42px minmax(116px, 1fr) 42px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 9px 12px !important;
    background: linear-gradient(180deg, #202735 0%, #131823 100%) !important;
    border-top: 1px solid rgba(195, 192, 255, .22) !important;
    border-bottom: 1px solid rgba(0, 0, 0, .34) !important;
    color: #eef3ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    overflow: visible !important;
  }

  body.retro-forum .post-reactions:has(.report-btn),
  body.retro-forum .post-face-front .post-reactions:has(.report-btn) {
    grid-template-columns: 42px 42px 42px minmax(96px, 1fr) 42px 42px !important;
  }

  body.retro-forum .post-reactions .react-sep,
  body.retro-forum .post-face-front .post-reactions .react-sep {
    display: none !important;
  }

  body.retro-forum .post-reactions .react-btn,
  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-reactions .report-btn,
  body.retro-forum .post-face-front .react-btn,
  body.retro-forum .post-face-front .share-btn,
  body.retro-forum .post-face-front .report-btn {
    position: relative !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    border-radius: 14px !important;
    background: rgba(238, 243, 255, .09) !important;
    border: 1px solid rgba(195, 192, 255, .24) !important;
    color: #dbe6ff !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
  }

  body.retro-forum .post-reactions .comment-btn,
  body.retro-forum .post-face-front .comment-btn {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #c3c0ff 0%, #8fc7ff 100%) !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    color: #10172a !important;
    opacity: 1 !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: 0 10px 22px rgba(79, 70, 229, .24) !important;
  }

  body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-reactions .share-btn > span,
  body.retro-forum .post-face-front .share-btn > span,
  body.retro-forum .post-reactions .report-btn > span,
  body.retro-forum .post-face-front .report-btn > span {
    display: none !important;
  }

  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-face-front .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]) {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    color: #10172a !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-reactions .react-icon,
  body.retro-forum .post-face-front .react-icon,
  body.retro-forum .post-reactions .comment-btn-icon,
  body.retro-forum .post-face-front .comment-btn-icon {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentColor !important;
    font-size: 18px !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-reactions .react-icon svg,
  body.retro-forum .post-face-front .react-icon svg,
  body.retro-forum .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front .comment-btn-icon svg,
  body.retro-forum .post-reactions .share-btn svg,
  body.retro-forum .post-face-front .share-btn svg,
  body.retro-forum .post-reactions .report-btn svg,
  body.retro-forum .post-face-front .report-btn svg {
    width: 21px !important;
    height: 21px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.retro-forum .post-reactions .heart-btn,
  body.retro-forum .post-face-front .heart-btn {
    color: #ff6fa0 !important;
  }

  body.retro-forum .post-reactions .like-btn,
  body.retro-forum .post-face-front .like-btn {
    color: #8fc7ff !important;
  }

  body.retro-forum .post-reactions .dislike-btn,
  body.retro-forum .post-face-front .dislike-btn {
    color: #aebbd0 !important;
  }

  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-face-front .share-btn {
    color: #6ee7d8 !important;
  }

  body.retro-forum .post-reactions .report-btn,
  body.retro-forum .post-face-front .report-btn {
    color: #ff8ea1 !important;
  }

  body.retro-forum .post-reactions .react-btn:hover,
  body.retro-forum .post-reactions .react-btn.active,
  body.retro-forum .post-face-front .react-btn:hover,
  body.retro-forum .post-face-front .react-btn.active,
  body.retro-forum .post-reactions .share-btn:hover,
  body.retro-forum .post-face-front .share-btn:hover {
    background: rgba(238, 243, 255, .17) !important;
    border-color: rgba(195, 192, 255, .46) !important;
  }

  body.retro-forum .post-reactions .react-count,
  body.retro-forum .post-face-front .react-count {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #eef3ff !important;
    color: #10172a !important;
    border: 1px solid rgba(16, 23, 42, .16) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body.retro-forum .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum .post-face-front .comment-btn span[id^="ccount"] {
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(16, 23, 42, .14) !important;
    color: #10172a !important;
    border: 1px solid rgba(16, 23, 42, .12) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
}

/* Mobile Stitch rebuild: replaces the old floating dock/fab with a header drawer. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  html,
  body.retro-forum {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: var(--fm-bg) !important;
  }

  body.retro-forum {
    padding-bottom: 0 !important;
  }

  body.retro-forum.mobile-drawer-open {
    overflow: hidden !important;
  }

  body.retro-forum .navbar.navbar--minimal {
    position: sticky !important;
    top: 0 !important;
    z-index: 1800 !important;
    display: grid !important;
    grid-template-columns: 42px minmax(76px, 1fr) auto !important;
    align-items: center !important;
    min-height: 64px !important;
    height: 64px !important;
    padding: 0 12px !important;
    border-bottom: 1px solid var(--fm-border) !important;
    background: rgba(17, 19, 27, .96) !important;
    backdrop-filter: blur(18px) !important;
  }

  body.retro-forum .navbar.navbar--minimal .logo {
    grid-column: 2 !important;
    justify-self: start !important;
    min-width: 0 !important;
  }

  body.retro-forum .navbar.navbar--minimal .logo::after {
    content: "Foromuk" !important;
    font-size: 18px !important;
    color: var(--fm-primary) !important;
  }

  body.retro-forum #hud-mobile-menu {
    grid-column: 1 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid var(--fm-border) !important;
    border-radius: 10px !important;
    background: var(--fm-surface) !important;
    color: var(--fm-primary) !important;
    box-shadow: none !important;
  }

  body.retro-forum #hud-mobile-menu span {
    display: block !important;
    width: 16px !important;
    height: 2px !important;
    margin: 2px 0 !important;
    border-radius: 999px !important;
    background: currentColor !important;
  }

  body.retro-forum #fm-top-search {
    display: none !important;
  }

  body.retro-forum #fm-top-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body.retro-forum #fm-top-actions .fm-top-action,
  body.retro-forum #notif-bell-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--fm-muted) !important;
    box-shadow: none !important;
  }

  body.retro-forum #fm-top-actions .fm-top-action:hover,
  body.retro-forum #notif-bell-btn:hover {
    color: var(--fm-primary) !important;
    background: rgba(195, 192, 255, .08) !important;
  }

  body.retro-forum #fm-top-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(195, 192, 255, .35) !important;
    overflow: hidden !important;
  }

  body.retro-forum #mobile-hud-nav,
  body.retro-forum .mobile-hud-nav,
  body.retro-forum #mobile-hud-fab,
  body.retro-forum .mobile-hud-fab,
  body.retro-forum.hud-dock-enabled #mobile-hud-nav,
  body.retro-forum.mobile-hud-active #mobile-hud-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.retro-forum #mobile-hud-backdrop {
    display: none !important;
  }

  body.retro-forum.mobile-drawer-open #mobile-hud-backdrop {
    display: block !important;
    position: fixed !important;
    inset: 64px 0 0 0 !important;
    z-index: 1690 !important;
    background: rgba(0, 0, 0, .58) !important;
    backdrop-filter: blur(8px) !important;
  }

  body.retro-forum #mobile-hud-drawer {
    position: fixed !important;
    top: 64px !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(330px, 88vw) !important;
    height: calc(100dvh - 64px) !important;
    z-index: 1700 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 18px 14px !important;
    border-right: 1px solid var(--fm-border) !important;
    background: rgba(17, 19, 27, .98) !important;
    box-shadow: 24px 0 70px rgba(0, 0, 0, .45) !important;
    transform: translateX(-105%) !important;
    transition: transform .28s cubic-bezier(.16, 1, .3, 1) !important;
    overflow-y: auto !important;
  }

  body.retro-forum.mobile-drawer-open #mobile-hud-drawer {
    transform: translateX(0) !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 18px !important;
    padding: 0 2px 14px !important;
    border-bottom: 1px solid rgba(70, 69, 85, .7) !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__eyebrow {
    color: var(--fm-primary) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.retro-forum #mobile-hud-drawer #mobile-hud-close {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    border: 1px solid var(--fm-border) !important;
    background: var(--fm-surface) !important;
    color: var(--fm-muted) !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__profile {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
    padding: 14px !important;
    border: 1px solid var(--fm-border) !important;
    border-radius: 14px !important;
    background: var(--fm-surface) !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__group {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action {
    display: flex !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--fm-muted) !important;
    box-shadow: none !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active,
  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover {
    background: rgba(79, 70, 229, .18) !important;
    color: var(--fm-text) !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon {
    width: 36px !important;
    height: 36px !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__title {
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    color: currentColor !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__subtitle {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: rgba(199, 196, 216, .62) !important;
  }

  body.retro-forum .app-layout {
    display: block !important;
    min-height: 100dvh !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.retro-forum .main-col,
  body.retro-forum #main-col {
    width: 100% !important;
    max-width: 100% !important;
    min-height: calc(100dvh - 64px) !important;
    height: auto !important;
    padding: 16px 12px 28px !important;
    margin: 0 !important;
    overflow: visible !important;
    border: 0 !important;
  }

  body.retro-forum #page-wall {
    max-width: 720px !important;
    margin: 0 auto !important;
  }

  body.retro-forum .chat-col,
  body.retro-forum #chat-col,
  body.retro-forum #right-col {
    display: none !important;
  }

  body.retro-forum #page-wall .feed-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 74px !important;
    height: auto !important;
    margin: 0 0 18px !important;
    padding: 14px !important;
    border: 1px solid var(--fm-border) !important;
    border-radius: 8px !important;
    background: var(--fm-surface) !important;
    box-shadow: none !important;
  }

  body.retro-forum #page-wall .feed-header-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  body.retro-forum #page-wall .feed-header-left::before {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 50% !important;
    background: rgba(195, 192, 255, .12) !important;
  }

  body.retro-forum #page-wall .feed-header .panel-title {
    min-width: 0 !important;
    white-space: normal !important;
  }

  body.retro-forum #page-wall .feed-header .panel-title::after {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body.retro-forum #btn-nuevo-post,
  body.retro-forum #btn-guest-post {
    flex: 0 0 auto !important;
    min-width: 118px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }

  body.retro-forum .post-card {
    width: 100% !important;
    margin: 0 0 18px !important;
    border-radius: 8px !important;
    background: var(--fm-surface) !important;
  }

  body.retro-forum .post-header {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    min-height: 72px !important;
    padding: 14px !important;
  }

  body.retro-forum .post-header .av-wrap,
  body.retro-forum .post-avatar,
  body.retro-forum .post-avatar.av {
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
  }

  body.retro-forum .post-username {
    min-height: 48px !important;
    justify-content: center !important;
    align-items: flex-start !important;
    font-size: 13px !important;
  }

  body.retro-forum .post-body,
  body.retro-forum [id^="post-body-"] {
    padding: 0 14px 14px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body.retro-forum .post-body img,
  body.retro-forum .post-body video,
  body.retro-forum [id^="post-body-"] img,
  body.retro-forum [id^="post-body-"] video,
  body.retro-forum .post-media,
  body.retro-forum .post-embed-instagram {
    max-width: 100% !important;
    border-radius: 8px !important;
  }

  body.retro-forum .post-reactions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 54px !important;
    padding: 10px 14px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body.retro-forum .post-reactions::-webkit-scrollbar {
    display: none !important;
  }

  body.retro-forum .post-reactions button {
    flex: 0 0 auto !important;
    min-width: 32px !important;
  }

  body.retro-forum .comment-btn span:nth-child(2),
  body.retro-forum .share-btn span {
    display: none !important;
  }

  body.retro-forum .post-time--footer {
    padding: 8px 14px 16px !important;
    text-align: left !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.retro-forum #notif-panel {
    position: fixed !important;
    top: 70px !important;
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    max-height: min(70dvh, 560px) !important;
    border-radius: 10px !important;
    z-index: 1900 !important;
  }

  body.retro-forum #chat-float,
  body.retro-forum .chat-float {
    display: none !important;
  }

  body.retro-forum #float-chat-panel.open,
  body.retro-forum #dm-panel.open,
  body.retro-forum .msn-chat-shell.is-open {
    position: fixed !important;
    inset: 64px 0 0 0 !important;
    width: 100vw !important;
    height: calc(100dvh - 64px) !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
    z-index: 1750 !important;
    background: var(--fm-surface) !important;
  }

  body.retro-forum .auth-box {
    width: min(560px, calc(100vw - 24px)) !important;
    padding: 24px 18px !important;
    border-radius: 16px !important;
  }
}

body.retro-forum .grid-bg,
body.retro-forum .bookmarks-bar,
body.retro-forum .wall-hero,
body.retro-forum #page-wall > .divider,
body.retro-forum .feed-header-sub,
body.retro-forum .role-badge,
body.retro-forum .post-card .role-badge {
  display: none !important;
}

body.retro-forum .navbar.navbar--minimal {
  display: grid !important;
  grid-template-columns: var(--fm-left) minmax(240px, 360px) 1fr auto !important;
  align-items: center !important;
  gap: 24px !important;
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  height: var(--fm-header) !important;
  min-height: var(--fm-header) !important;
  padding: 0 32px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--fm-border) !important;
  background: rgba(17, 19, 27, .96) !important;
  box-shadow: none !important;
  z-index: 1200 !important;
}

body.retro-forum .navbar.navbar--minimal .logo {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--fm-primary) !important;
  font: 800 24px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body.retro-forum .navbar.navbar--minimal .logo img,
body.retro-forum .navbar.navbar--minimal .logo .site-header-logo {
  display: none !important;
}

body.retro-forum .navbar.navbar--minimal .logo::after {
  content: "Foromuk" !important;
}

body.retro-forum #fm-top-search {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: 360px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid rgba(70, 69, 85, .34) !important;
  border-radius: 8px !important;
  background: var(--fm-bg-deep) !important;
  box-shadow: none !important;
}

body.retro-forum #fm-top-search svg {
  width: 18px !important;
  height: 18px !important;
  color: var(--fm-muted) !important;
}

body.retro-forum #fm-global-search {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--fm-text) !important;
  font: 500 14px/1.2 Inter, system-ui, sans-serif !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.retro-forum #fm-global-search::placeholder {
  color: rgba(199, 196, 216, .58) !important;
}

body.retro-forum #fm-top-actions {
  grid-column: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.retro-forum .fm-top-action,
body.retro-forum #notif-bell-btn,
body.retro-forum .fm-top-avatar {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--fm-muted) !important;
  display: inline-grid !important;
  place-items: center !important;
  box-shadow: none !important;
}

body.retro-forum .fm-top-action:hover,
body.retro-forum #notif-bell-btn:hover,
body.retro-forum #notif-bell-btn.active {
  color: var(--fm-primary) !important;
  background: rgba(195, 192, 255, .08) !important;
}

body.retro-forum #notif-bell-btn span:not(#notif-count-badge) {
  display: none !important;
}

body.retro-forum .fm-top-action svg,
body.retro-forum #notif-bell-btn svg {
  width: 22px !important;
  height: 22px !important;
}

body.retro-forum .fm-top-avatar {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(195, 192, 255, .36) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

body.retro-forum .fm-top-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.retro-forum #notif-count-badge {
  top: -7px !important;
  right: -8px !important;
  background: var(--fm-danger) !important;
  color: #40000d !important;
  border: 2px solid var(--fm-bg) !important;
}

body.retro-forum .app-layout {
  display: grid !important;
  grid-template-columns: var(--fm-left) minmax(0, 1fr) var(--fm-right) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: var(--fm-header) var(--fm-right) 0 var(--fm-left) !important;
  background: var(--fm-bg) !important;
  overflow: hidden !important;
}

body.retro-forum .main-col {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  height: calc(100vh - var(--fm-header)) !important;
  padding: 24px !important;
  overflow: auto !important;
  background: var(--fm-bg) !important;
}

body.retro-forum #page-wall,
body.retro-forum #page-user-wall,
body.retro-forum #page-profile,
body.retro-forum #page-marketplace {
  width: min(100%, var(--fm-feed)) !important;
  max-width: var(--fm-feed) !important;
  margin: 0 auto !important;
}

body.retro-forum #mobile-hud-shell {
  display: block !important;
}

body.retro-forum #mobile-hud-backdrop,
body.retro-forum #mobile-hud-close,
body.retro-forum .mobile-hud-drawer__head,
body.retro-forum #mobile-hud-nav,
body.retro-forum #mobile-hud-fab {
  display: none !important;
}

body.retro-forum #mobile-hud-drawer {
  position: fixed !important;
  inset: var(--fm-header) auto 0 0 !important;
  width: var(--fm-left) !important;
  height: calc(100vh - var(--fm-header)) !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 20px 0 24px !important;
  transform: none !important;
  border: 0 !important;
  border-right: 1px solid var(--fm-border) !important;
  border-radius: 0 !important;
  background: rgba(17, 19, 27, .92) !important;
  box-shadow: none !important;
  overflow: auto !important;
  z-index: 900 !important;
}

body.retro-forum .mobile-hud-drawer__profile {
  margin: 0 20px 18px !important;
  padding: 12px !important;
  border: 1px solid var(--fm-border-soft) !important;
  border-radius: 12px !important;
  background: var(--fm-surface) !important;
}

body.retro-forum .mobile-hud-drawer__group {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
}

body.retro-forum .mobile-hud-drawer__group--secondary {
  margin-top: auto !important;
  border-top: 1px solid rgba(70, 69, 85, .4) !important;
  padding-top: 18px !important;
}

body.retro-forum .mobile-hud-drawer__action {
  width: 100% !important;
  min-height: 64px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-left: 4px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(225, 225, 237, .74) !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  box-shadow: none !important;
}

body.retro-forum .mobile-hud-drawer__action.active,
body.retro-forum .mobile-hud-drawer__action:hover {
  background: rgba(79, 70, 229, .18) !important;
  border-left-color: var(--fm-primary) !important;
  color: var(--fm-text) !important;
}

body.retro-forum .mobile-hud-drawer__label {
  color: currentColor !important;
  font: 700 17px/1.1 Inter, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.retro-forum .mobile-hud-drawer__hint {
  margin-top: 2px !important;
  color: rgba(199, 196, 216, .62) !important;
  font: 800 10px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

body.retro-forum #page-wall .feed-header {
  width: 100% !important;
  height: 74px !important;
  min-height: 74px !important;
  margin: 0 0 24px !important;
  padding: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  border: 1px solid var(--fm-border) !important;
  border-radius: 8px !important;
  background: var(--fm-surface) !important;
  box-shadow: none !important;
}

body.retro-forum #page-wall .feed-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
}

body.retro-forum #page-wall .feed-header-left::before {
  content: "edit_square" !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 50% !important;
  display: inline-grid !important;
  place-items: center !important;
  background: var(--fm-surface-high) !important;
  color: var(--fm-primary) !important;
  font-family: "Material Symbols Outlined" !important;
  font-size: 24px !important;
}

body.retro-forum #page-wall .feed-header .panel-title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.retro-forum #page-wall .feed-header .panel-title::before {
  display: none !important;
  content: none !important;
}

body.retro-forum #page-wall .feed-header .panel-title::after {
  content: "¿Qué querés publicar?" !important;
  display: block !important;
  color: var(--fm-text) !important;
  font: 700 18px/1.2 Inter, system-ui, sans-serif !important;
  white-space: nowrap !important;
}

body.retro-forum #btn-nuevo-post,
body.retro-forum #btn-guest-post {
  min-width: 154px !important;
  height: 44px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--fm-primary) !important;
  color: #0f0069 !important;
  font: 800 14px/1 Inter, system-ui, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  box-shadow: 0 10px 24px rgba(195, 192, 255, .18) !important;
}

body.retro-forum #btn-nuevo-post svg,
body.retro-forum #btn-guest-post svg {
  display: none !important;
}

body.retro-forum #posts-list,
body.retro-forum #user-wall-posts {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

body.retro-forum .post-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.retro-forum .post-face-front,
body.retro-forum .post-face-back {
  min-height: 0 !important;
  border: 1px solid var(--fm-border) !important;
  border-radius: 8px !important;
  background: var(--fm-surface) !important;
  color: var(--fm-text) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.retro-forum .post-header {
  position: relative !important;
  min-height: 72px !important;
  padding: 24px 24px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  border: 0 !important;
  background: transparent !important;
}

body.retro-forum .post-header .av-wrap {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  border-radius: 0 !important;
  border: 1px solid var(--fm-border) !important;
  background: var(--fm-bg-deep) !important;
  overflow: hidden !important;
}

body.retro-forum .post-avatar,
body.retro-forum .post-header .av,
body.retro-forum .uw-avatar,
body.retro-forum .cpp-avatar {
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.retro-forum .post-meta {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.retro-forum .post-meta .flex.ic.g2 {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body.retro-forum .post-username {
  color: var(--fm-text) !important;
  font: 800 15px/1.2 Inter, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.retro-forum .post-follow-btn {
  margin-left: auto !important;
  height: 28px !important;
  min-width: 68px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(195, 192, 255, .36) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--fm-primary) !important;
  font: 800 12px/1 Inter, system-ui, sans-serif !important;
  box-shadow: none !important;
}

body.retro-forum .post-follow-btn:hover,
body.retro-forum .post-follow-btn.is-following {
  background: rgba(195, 192, 255, .12) !important;
}

body.retro-forum .post-tools {
  position: absolute !important;
  top: 20px !important;
  right: 18px !important;
  z-index: 4 !important;
}

body.retro-forum .post-tools__trigger {
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--fm-muted) !important;
  box-shadow: none !important;
}

body.retro-forum .post-tools__trigger:hover {
  background: rgba(195, 192, 255, .08) !important;
  color: var(--fm-primary) !important;
}

body.retro-forum .post-tools__menu {
  right: 0 !important;
  left: auto !important;
  background: var(--fm-surface) !important;
  border: 1px solid var(--fm-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 20px 44px rgba(0, 0, 0, .34) !important;
  overflow: hidden !important;
}

body.retro-forum .post-body {
  padding: 0 24px 18px !important;
  color: var(--fm-text) !important;
  font: 500 16px/1.6 Inter, system-ui, sans-serif !important;
}

body.retro-forum [id^="post-body-"] {
  padding: 0 24px 0 !important;
}

body.retro-forum .post-img,
body.retro-forum .post-embed,
body.retro-forum .post-video-player,
body.retro-forum .video-shell,
body.retro-forum .instagram-embed-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  border: 1px solid rgba(70, 69, 85, .42) !important;
  border-radius: 4px !important;
  background: var(--fm-bg-deep) !important;
  overflow: hidden !important;
}

body.retro-forum .post-img {
  height: auto !important;
  object-fit: contain !important;
}

body.retro-forum .post-time--footer {
  margin: 0 !important;
  padding: 0 24px 18px !important;
  color: var(--fm-muted) !important;
  text-align: left !important;
  font: 500 14px/1.4 Inter, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.retro-forum .post-reactions {
  min-height: 58px !important;
  margin: 0 !important;
  padding: 14px 24px !important;
  border: 0 !important;
  border-top: 1px solid rgba(70, 69, 85, .42) !important;
  border-radius: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

body.retro-forum .react-sep {
  display: none !important;
}

body.retro-forum .react-btn,
body.retro-forum .comment-btn,
body.retro-forum .share-btn,
body.retro-forum .report-btn {
  min-width: 0 !important;
  height: 32px !important;
  padding: 0 !important;
  gap: 7px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--fm-muted) !important;
  font: 800 12px/1 Inter, system-ui, sans-serif !important;
  box-shadow: none !important;
}

body.retro-forum .react-btn:hover,
body.retro-forum .comment-btn:hover,
body.retro-forum .share-btn:hover,
body.retro-forum .report-btn:hover {
  color: var(--fm-primary) !important;
  background: transparent !important;
}

body.retro-forum .react-btn svg,
body.retro-forum .comment-btn svg,
body.retro-forum .share-btn svg,
body.retro-forum .report-btn svg,
body.retro-forum .react-icon {
  width: 22px !important;
  height: 22px !important;
}

body.retro-forum .heart-btn,
body.retro-forum .heart-btn .react-icon,
body.retro-forum .report-btn--red,
body.retro-forum .report-btn--red svg {
  color: var(--fm-danger) !important;
}

body.retro-forum .comment-btn span:nth-child(2),
body.retro-forum .share-btn span {
  display: inline !important;
}

body.retro-forum .post-face-back,
body.retro-forum .new-post-card,
body.retro-forum .modal-box,
body.retro-forum .report-modal {
  background: var(--fm-surface) !important;
  border-color: var(--fm-border) !important;
  color: var(--fm-text) !important;
}

body.retro-forum .comment-input-row textarea,
body.retro-forum #msn-dm-input,
body.retro-forum .chat-input-area textarea,
body.retro-forum .fcp-input textarea,
body.retro-forum input,
body.retro-forum textarea,
body.retro-forum select {
  background: var(--fm-bg-deep) !important;
  border: 1px solid rgba(70, 69, 85, .44) !important;
  color: var(--fm-text) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: Inter, system-ui, sans-serif !important;
}

body.retro-forum input:focus,
body.retro-forum textarea:focus,
body.retro-forum select:focus {
  border-color: rgba(195, 192, 255, .76) !important;
  box-shadow: 0 0 0 2px rgba(195, 192, 255, .12) !important;
}

body.retro-forum .new-post-card[style*="block"] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1300 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: rgba(12, 14, 22, .74) !important;
  border: 0 !important;
  border-radius: 0 !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body.retro-forum .new-post-card[style*="block"] .new-post-card__header,
body.retro-forum .new-post-card[style*="block"] .new-post-card__actions {
  width: min(672px, calc(100vw - 32px)) !important;
  background: var(--fm-surface) !important;
  border-left: 1px solid var(--fm-border) !important;
  border-right: 1px solid var(--fm-border) !important;
}

body.retro-forum .new-post-card[style*="block"] .new-post-card__header {
  position: relative !important;
  border-top: 1px solid var(--fm-border) !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 56px 24px 12px !important;
}

body.retro-forum .new-post-card[style*="block"] .new-post-card__header::before {
  content: "Nuevo Post";
  position: absolute;
  top: 24px;
  left: 24px;
  color: var(--fm-primary);
  font: 800 12px/1 Inter, system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: .18em;
}

body.retro-forum .new-post-card[style*="block"] .new-post-card__actions {
  border-bottom: 1px solid var(--fm-border) !important;
  border-radius: 0 0 8px 8px !important;
  padding: 12px 24px 24px !important;
}

body.retro-forum .chat-col {
  position: fixed !important;
  inset: var(--fm-header) 0 0 auto !important;
  width: var(--fm-right) !important;
  max-width: var(--fm-right) !important;
  height: calc(100vh - var(--fm-header)) !important;
  padding: 24px !important;
  border: 0 !important;
  border-left: 1px solid var(--fm-border) !important;
  background: var(--fm-bg) !important;
  overflow: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  z-index: 850 !important;
}

body.retro-forum .msn-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.retro-forum .msn-self,
body.retro-forum .msn-folder,
body.retro-forum .msn-contact-list,
body.retro-forum .msn-chat-shell,
body.retro-forum #dm-panel,
body.retro-forum .float-chat-panel {
  background: var(--fm-surface) !important;
  border: 1px solid var(--fm-border) !important;
  border-radius: 12px !important;
  color: var(--fm-text) !important;
  box-shadow: none !important;
}

body.retro-forum .msn-self {
  min-height: 86px !important;
  padding: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.retro-forum .msn-self-avatar,
body.retro-forum .msn-avatar,
body.retro-forum .msn-folder-item img {
  border-radius: 10px !important;
  border: 1px solid rgba(70, 69, 85, .7) !important;
}

body.retro-forum .msn-self-name,
body.retro-forum .msn-folder-title,
body.retro-forum .msn-contact-name {
  color: var(--fm-text) !important;
  font-family: Inter, system-ui, sans-serif !important;
}

body.retro-forum .msn-contact-search,
body.retro-forum .msn-search-row {
  background: var(--fm-surface) !important;
  border-color: rgba(70, 69, 85, .54) !important;
  border-radius: 999px !important;
}

body.retro-forum .msn-section-title {
  color: var(--fm-text) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  font: 800 12px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: .12em !important;
}

body.retro-forum .msn-folder-head,
body.retro-forum .msn-folder-item,
body.retro-forum .msn-friend-row {
  background: transparent !important;
  color: var(--fm-text) !important;
  border-color: rgba(70, 69, 85, .36) !important;
}

body.retro-forum .msn-folder-item:hover,
body.retro-forum .msn-friend-row:hover {
  background: rgba(195, 192, 255, .07) !important;
}

body.retro-forum #notif-panel {
  position: fixed !important;
  top: 72px !important;
  right: 24px !important;
  width: 320px !important;
  max-height: min(72vh, 520px) !important;
  background: var(--fm-surface) !important;
  border: 1px solid var(--fm-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .44) !important;
  overflow: hidden auto !important;
}

body.retro-forum #notif-panel > div:first-child {
  padding: 16px !important;
  border-bottom: 1px solid var(--fm-border) !important;
}

body.retro-forum #notif-panel .notif-item {
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(70, 69, 85, .34) !important;
  background: transparent !important;
  color: var(--fm-text) !important;
}

body.retro-forum #notif-panel .notif-item:hover,
body.retro-forum #notif-panel .notif-item.unread {
  background: rgba(79, 70, 229, .14) !important;
}

body.retro-forum .auth-screen {
  background: rgba(0, 0, 0, .72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

body.retro-forum .auth-box {
  width: min(560px, calc(100vw - 32px)) !important;
  padding: 32px !important;
  background: rgba(29, 31, 40, .96) !important;
  border: 1px solid var(--fm-primary-strong) !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .48) !important;
  color: var(--fm-text) !important;
}

body.retro-forum .auth-logo {
  display: block !important;
  width: auto !important;
  color: var(--fm-primary) !important;
  font: italic 800 44px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: .02em !important;
  text-align: center !important;
  margin: 0 auto !important;
}

body.retro-forum .auth-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: fit-content !important;
  max-width: calc(100% - 96px) !important;
  margin: 0 auto 20px !important;
  padding: 0 !important;
}

body.retro-forum .auth-brand .auth-logo {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

body.retro-forum .auth-brand .auth-sub {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 5px auto 0 !important;
  text-align: center !important;
  transform: none !important;
}

body.retro-forum .auth-box > .auth-close,
body.retro-forum .auth-close {
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(174, 190, 255, .24) !important;
  background: rgba(10, 15, 28, .72) !important;
  color: rgba(232, 239, 255, .9) !important;
  font: 700 24px/1 Inter, system-ui, sans-serif !important;
  cursor: pointer !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 10px 24px rgba(0, 0, 0, .24) !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

body.retro-forum .auth-close:hover {
  border-color: rgba(188, 179, 255, .55) !important;
  background: rgba(188, 179, 255, .15) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

body.retro-forum .auth-close:active {
  transform: translateY(0) scale(.96) !important;
}

body.retro-forum .auth-close:focus-visible {
  outline: 2px solid rgba(91, 238, 188, .9) !important;
  outline-offset: 2px !important;
}

body.retro-forum .auth-box > button.auth-close:first-child {
  top: 12px !important;
  right: 14px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font: 700 24px/1 Inter, system-ui, sans-serif !important;
}

body.retro-forum .auth-box .auth-brand > .auth-logo {
  padding: 0 !important;
}

body.retro-forum .auth-tabs {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  height: 44px !important;
  padding: 4px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(10, 14, 27, .96), rgba(4, 7, 15, .96)) !important;
  border: 1px solid rgba(166, 182, 255, .14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    inset 0 -12px 30px rgba(0, 0, 0, .28),
    0 14px 34px rgba(0, 0, 0, .22) !important;
}

body.retro-forum .auth-tabs::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  top: 4px !important;
  left: 4px !important;
  width: calc(50% - 4px) !important;
  height: calc(100% - 8px) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(80, 219, 163, 1), rgba(91, 238, 188, .92)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .18) inset,
    0 8px 22px rgba(80, 219, 163, .22),
    0 0 28px rgba(80, 219, 163, .12) !important;
  transform: translateX(0) !important;
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease !important;
}

body.retro-forum .auth-tabs.is-register::before,
body.retro-forum .auth-tabs:has(#tab-register.active)::before {
  transform: translateX(100%) !important;
  background:
    linear-gradient(135deg, rgba(188, 179, 255, 1), rgba(126, 167, 255, .95)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .18) inset,
    0 8px 22px rgba(151, 143, 255, .24),
    0 0 28px rgba(151, 143, 255, .12) !important;
}

body.retro-forum .auth-tab {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--fm-muted) !important;
  background: transparent !important;
  font: 800 12px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: .01em !important;
  cursor: pointer !important;
  transition: color .18s ease, transform .18s ease !important;
}

body.retro-forum .auth-tab:hover {
  color: var(--fm-text) !important;
}

body.retro-forum .auth-tab.active {
  background: transparent !important;
  color: #00311f !important;
  transform: translateY(-1px) !important;
}

body.retro-forum .auth-tabs.is-register .auth-tab.active,
body.retro-forum .auth-tabs:has(#tab-register.active) .auth-tab.active {
  color: #121052 !important;
}

body.retro-forum #auth-submit-btn {
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--fm-primary) !important;
  color: #0f0069 !important;
  font: 800 14px/1 Inter, system-ui, sans-serif !important;
  text-transform: uppercase !important;
}

@media (max-width: 1180px) {
  body.retro-forum .navbar.navbar--minimal {
    grid-template-columns: 180px minmax(220px, 320px) 1fr auto !important;
    padding: 0 18px !important;
  }

  body.retro-forum .app-layout {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    padding-left: 88px !important;
    padding-right: 0 !important;
  }

  body.retro-forum #mobile-hud-drawer {
    width: 88px !important;
    padding: 14px 0 !important;
    overflow: visible !important;
  }

  body.retro-forum .mobile-hud-drawer__profile,
  body.retro-forum .mobile-hud-drawer__text {
    display: none !important;
  }

  body.retro-forum .mobile-hud-drawer__action {
    justify-content: center !important;
    min-height: 64px !important;
    padding: 0 !important;
    position: relative !important;
  }

  body.retro-forum .mobile-hud-drawer__action::after {
    content: attr(data-hud-tooltip);
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    padding: 7px 10px;
    border: 1px solid var(--fm-border);
    border-radius: 8px;
    background: var(--fm-surface);
    color: var(--fm-text);
    font: 700 12px/1 Inter, system-ui, sans-serif;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .32);
    transition: opacity .15s ease;
  }

  body.retro-forum .mobile-hud-drawer__action:hover::after {
    opacity: 1;
  }

  body.retro-forum .chat-col {
    display: none !important;
  }

  body.retro-forum .main-col {
    padding: 18px !important;
  }
}

@media (max-width: 640px) {
  body.retro-forum,
  html:has(body.retro-forum) {
    overflow: auto !important;
  }

  body.retro-forum .navbar.navbar--minimal {
    grid-template-columns: auto 1fr auto !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 12px !important;
    gap: 10px !important;
  }

  body.retro-forum .navbar.navbar--minimal .logo::after {
    font-size: 16px !important;
  }

  body.retro-forum #fm-top-search {
    display: none !important;
  }

  body.retro-forum #fm-top-actions {
    grid-column: 3 !important;
    gap: 12px !important;
  }

  body.retro-forum .app-layout {
    display: block !important;
    height: auto !important;
    min-height: 100vh !important;
    padding: 64px 0 0 !important;
    overflow: visible !important;
  }

  body.retro-forum .main-col {
    height: auto !important;
    min-height: calc(100vh - 64px) !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  body.retro-forum #mobile-hud-drawer {
    transform: translateX(-105%) !important;
    width: min(300px, 82vw) !important;
    display: flex !important;
    z-index: 1400 !important;
    overflow: auto !important;
  }

  body.retro-forum.mobile-drawer-open #mobile-hud-drawer {
    transform: translateX(0) !important;
  }

  body.retro-forum.mobile-drawer-open #mobile-hud-backdrop {
    display: block !important;
    position: fixed !important;
    inset: 64px 0 0 !important;
    background: rgba(0, 0, 0, .52) !important;
    z-index: 1390 !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__profile,
  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__text {
    display: flex !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action {
    justify-content: flex-start !important;
    padding: 0 20px !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action::after {
    display: none !important;
  }

  body.retro-forum #hud-mobile-menu {
    display: inline-grid !important;
    width: 36px !important;
    height: 36px !important;
    border: 1px solid var(--fm-border) !important;
    border-radius: 8px !important;
    background: var(--fm-surface) !important;
    color: var(--fm-primary) !important;
  }

  body.retro-forum #page-wall .feed-header {
    height: 64px !important;
    min-height: 64px !important;
    padding: 10px !important;
    margin-bottom: 16px !important;
  }

  body.retro-forum #page-wall .feed-header-left {
    gap: 10px !important;
  }

  body.retro-forum #page-wall .feed-header-left::before {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
    font-size: 22px !important;
  }

  body.retro-forum #page-wall .feed-header .panel-title::after {
    font-size: 14px !important;
    white-space: normal !important;
  }

  body.retro-forum #btn-nuevo-post,
  body.retro-forum #btn-guest-post {
    min-width: 110px !important;
    height: 40px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  body.retro-forum .post-header {
    min-height: 62px !important;
    padding: 14px 14px 8px !important;
    gap: 10px !important;
  }

  body.retro-forum .post-header .av-wrap {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }

  body.retro-forum .post-username {
    min-height: 44px !important;
    font-size: 13px !important;
  }

  body.retro-forum .post-follow-btn {
    min-width: 58px !important;
    height: 26px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  body.retro-forum .post-body,
  body.retro-forum [id^="post-body-"],
  body.retro-forum .post-time--footer,
  body.retro-forum .post-reactions {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.retro-forum .post-body {
    font-size: 15px !important;
  }

  body.retro-forum .post-reactions {
    min-height: 52px !important;
    gap: 12px !important;
    overflow-x: auto !important;
  }

  body.retro-forum .comment-btn span:nth-child(2),
  body.retro-forum .share-btn span {
    display: none !important;
  }

  body.retro-forum .post-time--footer {
    font-size: 12px !important;
    padding-bottom: 14px !important;
  }

  body.retro-forum #notif-panel {
    top: 70px !important;
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
  }

  body.retro-forum .auth-box {
    padding: 24px 18px !important;
  }

  body.retro-forum .auth-logo {
    font-size: 36px !important;
  }
}

/* Stitch mobile reactions v2 */
@media (max-width: 640px) {
  body.retro-forum .post-face-front .post-reactions,
  body.retro-forum .post-reactions {
    display: grid !important;
    grid-template-columns: 40px 40px 40px minmax(92px, 1fr) 40px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    background:
      linear-gradient(180deg, rgba(32, 39, 53, .98), rgba(19, 23, 33, .98)) !important;
    border-top: 1px solid rgba(195, 192, 255, .18) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    color: #eef3ff !important;
    overflow: visible !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-sep,
  body.retro-forum .post-reactions .react-sep {
    display: none !important;
  }

  body.retro-forum .post-face-front .react-btn,
  body.retro-forum .post-face-front .share-btn,
  body.retro-forum .post-face-front .report-btn,
  body.retro-forum .post-reactions .react-btn,
  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-reactions .report-btn {
    position: relative !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    border-radius: 12px !important;
    background: rgba(238, 243, 255, .08) !important;
    border: 1px solid rgba(195, 192, 255, .18) !important;
    color: #dbe6ff !important;
    opacity: 1 !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  body.retro-forum .post-face-front .comment-btn,
  body.retro-forum .post-reactions .comment-btn {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #c3c0ff, #8fc7ff) !important;
    border: 1px solid rgba(255, 255, 255, .36) !important;
    color: #10172a !important;
    opacity: 1 !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 20px rgba(79, 70, 229, .22) !important;
  }

  body.retro-forum .post-face-front .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front .share-btn > span,
  body.retro-forum .post-reactions .share-btn > span,
  body.retro-forum .post-face-front .report-btn > span,
  body.retro-forum .post-reactions .report-btn > span {
    display: none !important;
  }

  body.retro-forum .post-face-front .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]) {
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: nowrap !important;
    color: #10172a !important;
  }

  body.retro-forum .post-face-front .react-icon,
  body.retro-forum .post-reactions .react-icon,
  body.retro-forum .post-face-front .comment-btn-icon,
  body.retro-forum .post-reactions .comment-btn-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentColor !important;
    font-size: 18px !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-face-front .react-icon svg,
  body.retro-forum .post-reactions .react-icon svg,
  body.retro-forum .post-face-front .comment-btn-icon svg,
  body.retro-forum .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front .share-btn svg,
  body.retro-forum .post-reactions .share-btn svg,
  body.retro-forum .post-face-front .report-btn svg,
  body.retro-forum .post-reactions .report-btn svg {
    width: 21px !important;
    height: 21px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.retro-forum .post-face-front .heart-btn,
  body.retro-forum .post-reactions .heart-btn {
    color: #ff6fa0 !important;
  }

  body.retro-forum .post-face-front .like-btn,
  body.retro-forum .post-reactions .like-btn {
    color: #8fc7ff !important;
  }

  body.retro-forum .post-face-front .dislike-btn,
  body.retro-forum .post-reactions .dislike-btn {
    color: #aebbd0 !important;
  }

  body.retro-forum .post-face-front .share-btn,
  body.retro-forum .post-reactions .share-btn {
    color: #6ee7d8 !important;
  }

  body.retro-forum .post-face-front .report-btn,
  body.retro-forum .post-reactions .report-btn {
    color: #ff8ea1 !important;
  }

  body.retro-forum .post-face-front .react-btn:hover,
  body.retro-forum .post-reactions .react-btn:hover,
  body.retro-forum .post-face-front .share-btn:hover,
  body.retro-forum .post-reactions .share-btn:hover,
  body.retro-forum .post-face-front .report-btn:hover,
  body.retro-forum .post-reactions .report-btn:hover,
  body.retro-forum .post-face-front .react-btn.active,
  body.retro-forum .post-reactions .react-btn.active {
    background: rgba(238, 243, 255, .16) !important;
    border-color: rgba(195, 192, 255, .42) !important;
    transform: translateY(-1px) !important;
  }

  body.retro-forum .post-face-front .react-count,
  body.retro-forum .post-reactions .react-count {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #eef3ff !important;
    color: #10172a !important;
    border: 1px solid rgba(16, 23, 42, .14) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  body.retro-forum .post-face-front .comment-btn span[id^="ccount"],
  body.retro-forum .post-reactions .comment-btn span[id^="ccount"] {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(16, 23, 42, .14) !important;
    color: #10172a !important;
    border: 1px solid rgba(16, 23, 42, .12) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  body.retro-forum .post-face-front .post-reactions:has(.report-btn),
  body.retro-forum .post-reactions:has(.report-btn) {
    grid-template-columns: 40px 40px 40px minmax(84px, 1fr) 40px 40px !important;
  }
}

/* Mobile final override: esta capa queda al final y gana contra reglas moviles viejas. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  html,
  body.retro-forum {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: var(--fm-bg) !important;
  }

  body.retro-forum {
    padding-bottom: 0 !important;
  }

  body.retro-forum .navbar.navbar--minimal {
    position: sticky !important;
    top: 0 !important;
    z-index: 1800 !important;
    display: grid !important;
    grid-template-columns: 42px minmax(74px, 1fr) auto !important;
    align-items: center !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 12px !important;
    border-bottom: 1px solid var(--fm-border) !important;
    background: rgba(17, 19, 27, .96) !important;
    backdrop-filter: blur(18px) !important;
  }

  body.retro-forum .navbar.navbar--minimal .logo {
    grid-column: 2 !important;
    justify-self: start !important;
    min-width: 0 !important;
  }

  body.retro-forum .navbar.navbar--minimal .logo::after {
    content: "Foromuk" !important;
    font-size: 18px !important;
    color: var(--fm-primary) !important;
  }

  body.retro-forum #hud-mobile-menu {
    grid-column: 1 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid var(--fm-border) !important;
    border-radius: 10px !important;
    background: var(--fm-surface) !important;
    color: var(--fm-primary) !important;
    box-shadow: none !important;
  }

  body.retro-forum #hud-mobile-menu span {
    width: 16px !important;
    height: 2px !important;
    margin: 2px 0 !important;
    border-radius: 999px !important;
    background: currentColor !important;
  }

  body.retro-forum #fm-top-search {
    display: none !important;
  }

  body.retro-forum #fm-top-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.retro-forum #fm-top-actions .fm-top-action,
  body.retro-forum #notif-bell-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--fm-muted) !important;
    box-shadow: none !important;
  }

  body.retro-forum #fm-top-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(195, 192, 255, .35) !important;
  }

  body.retro-forum #mobile-hud-nav,
  body.retro-forum .mobile-hud-nav,
  body.retro-forum #mobile-hud-fab,
  body.retro-forum .mobile-hud-fab,
  body.retro-forum.hud-dock-enabled #mobile-hud-nav,
  body.retro-forum.mobile-hud-active #mobile-hud-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.retro-forum #mobile-hud-backdrop {
    display: none !important;
  }

  body.retro-forum.mobile-drawer-open {
    overflow: hidden !important;
  }

  body.retro-forum.mobile-drawer-open #mobile-hud-backdrop {
    display: block !important;
    position: fixed !important;
    inset: 64px 0 0 !important;
    z-index: 1690 !important;
    background: rgba(0, 0, 0, .58) !important;
    backdrop-filter: blur(8px) !important;
  }

  body.retro-forum #mobile-hud-drawer {
    position: fixed !important;
    top: 64px !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(330px, 88vw) !important;
    height: calc(100dvh - 64px) !important;
    z-index: 1700 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 18px 14px !important;
    border-right: 1px solid var(--fm-border) !important;
    background: rgba(17, 19, 27, .98) !important;
    box-shadow: 24px 0 70px rgba(0, 0, 0, .45) !important;
    transform: translateX(-105%) !important;
    transition: transform .28s cubic-bezier(.16, 1, .3, 1) !important;
    overflow-y: auto !important;
  }

  body.retro-forum.mobile-drawer-open #mobile-hud-drawer {
    transform: translateX(0) !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 18px !important;
    padding: 0 2px 14px !important;
    border-bottom: 1px solid rgba(70, 69, 85, .7) !important;
  }

  body.retro-forum #mobile-hud-drawer #mobile-hud-close {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid var(--fm-border) !important;
    border-radius: 10px !important;
    background: var(--fm-surface) !important;
    color: var(--fm-muted) !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action {
    min-height: 54px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--fm-muted) !important;
    justify-content: flex-start !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active,
  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover {
    background: rgba(79, 70, 229, .18) !important;
    color: var(--fm-text) !important;
  }

  body.retro-forum .app-layout {
    display: block !important;
    min-height: 100dvh !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.retro-forum .main-col,
  body.retro-forum #main-col {
    width: 100% !important;
    max-width: 100% !important;
    min-height: calc(100dvh - 64px) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px 12px 28px !important;
    overflow: visible !important;
    border: 0 !important;
  }

  body.retro-forum #page-wall {
    max-width: 720px !important;
    margin: 0 auto !important;
  }

  body.retro-forum .chat-col,
  body.retro-forum #chat-col,
  body.retro-forum #right-col {
    display: none !important;
  }

  body.retro-forum #page-wall .feed-header {
    width: 100% !important;
    min-height: 74px !important;
    height: auto !important;
    margin: 0 0 18px !important;
    padding: 14px !important;
    border: 1px solid var(--fm-border) !important;
    border-radius: 8px !important;
    background: var(--fm-surface) !important;
    box-shadow: none !important;
  }

  body.retro-forum #page-wall .feed-header .panel-title::after {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body.retro-forum #btn-nuevo-post,
  body.retro-forum #btn-guest-post {
    min-width: 118px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }

  body.retro-forum .post-card {
    width: 100% !important;
    margin: 0 0 18px !important;
    border-radius: 8px !important;
    background: var(--fm-surface) !important;
  }

  body.retro-forum .post-header {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    min-height: 72px !important;
    padding: 14px !important;
  }

  body.retro-forum .post-header .av-wrap,
  body.retro-forum .post-avatar,
  body.retro-forum .post-avatar.av {
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
  }

  body.retro-forum .post-body,
  body.retro-forum [id^="post-body-"] {
    padding: 0 14px 14px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body.retro-forum .post-reactions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 54px !important;
    padding: 10px 14px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body.retro-forum .post-reactions::-webkit-scrollbar {
    display: none !important;
  }

  body.retro-forum .post-time--footer {
    padding: 8px 14px 16px !important;
    text-align: left !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.retro-forum #notif-panel {
    position: fixed !important;
    top: 70px !important;
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    max-height: min(70dvh, 560px) !important;
    border-radius: 10px !important;
    z-index: 1900 !important;
  }

  body.retro-forum #chat-float,
  body.retro-forum .chat-float {
    display: none !important;
  }

  body.retro-forum #float-chat-panel.open,
  body.retro-forum #dm-panel.open {
    position: fixed !important;
    inset: 64px 0 0 !important;
    width: 100vw !important;
    height: calc(100dvh - 64px) !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
    z-index: 1750 !important;
    background: var(--fm-surface) !important;
  }
}

@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.chat-open #chat-col {
    display: flex !important;
    position: fixed !important;
    inset: 64px 0 0 !important;
    width: 100vw !important;
    height: calc(100dvh - 64px) !important;
    max-width: none !important;
    z-index: 1750 !important;
    border: 0 !important;
    background: var(--fm-surface) !important;
  }

  body.retro-forum.messenger-open #msn-panel,
  body.retro-forum.chat-open #msn-panel {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--fm-surface) !important;
  }
}

/* Visual power up: microinteracciones, brillo controlado e iconos mas finos. */
@keyframes fm-card-in {
  from { opacity: 0; transform: translateY(12px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes fm-press {
  0% { transform: scale(1); }
  50% { transform: scale(.965); }
  100% { transform: scale(1); }
}

@keyframes fm-count-pop {
  0% { transform: translateY(0) scale(1); }
  45% { transform: translateY(-2px) scale(1.28); color: var(--fm-secondary); }
  100% { transform: translateY(0) scale(1); }
}

@keyframes fm-soft-pulse {
  0%, 100% { box-shadow: 0 0 0 rgba(195, 192, 255, 0); }
  50% { box-shadow: 0 0 28px rgba(195, 192, 255, .18); }
}

@keyframes fm-drawer-item {
  from { opacity: 0; transform: translateX(-12px); }
  to { opacity: 1; transform: translateX(0); }
}

body.retro-forum .fm-pressing {
  animation: fm-press .24s ease-out !important;
}

body.retro-forum .fm-count-pop {
  display: inline-flex !important;
  animation: fm-count-pop .36s cubic-bezier(.16, 1, .3, 1) !important;
}

body.retro-forum .fm-top-action svg,
body.retro-forum #fm-top-search svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.retro-forum .fm-top-action,
body.retro-forum #notif-bell-btn,
body.retro-forum #hud-mobile-menu,
body.retro-forum .mobile-hud-drawer__action,
body.retro-forum .post-reactions button,
body.retro-forum #btn-nuevo-post,
body.retro-forum #btn-guest-post,
body.retro-forum .post-follow-btn {
  transition:
    transform .18s ease,
    color .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    opacity .18s ease !important;
}

body.retro-forum .fm-top-action:hover,
body.retro-forum #notif-bell-btn:hover {
  transform: translateY(-1px) !important;
  color: var(--fm-primary) !important;
  background: rgba(195, 192, 255, .1) !important;
}

body.retro-forum #notif-bell-btn.active,
body.retro-forum #notif-count-badge:not(:empty) {
  animation: fm-soft-pulse 1.8s ease-in-out infinite !important;
}

body.retro-forum #fm-top-avatar:hover,
body.retro-forum .msn-self-avatar:hover,
body.retro-forum .post-avatar:hover {
  transform: translateY(-1px) scale(1.03) !important;
  box-shadow: 0 0 0 3px rgba(195, 192, 255, .12), 0 12px 30px rgba(0, 0, 0, .34) !important;
}

body.retro-forum #page-wall .feed-header,
body.retro-forum #page-user-wall .feed-header {
  position: relative !important;
  overflow: hidden !important;
}

body.retro-forum #page-wall .feed-header::after,
body.retro-forum #page-user-wall .feed-header::after {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(195, 192, 255, .16), transparent 28%, transparent 72%, rgba(78, 222, 163, .12)),
    radial-gradient(circle at 10% 20%, rgba(195, 192, 255, .18), transparent 28%) !important;
  opacity: .52 !important;
  mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
  -webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
  padding: 1px !important;
}

body.retro-forum #page-wall .feed-header:hover,
body.retro-forum #page-user-wall .feed-header:hover {
  border-color: rgba(195, 192, 255, .45) !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .28), 0 0 32px rgba(79, 70, 229, .12) !important;
}

body.retro-forum #btn-nuevo-post:hover,
body.retro-forum #btn-guest-post:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 30px rgba(195, 192, 255, .24) !important;
  filter: brightness(1.06) !important;
}

body.retro-forum .post-card {
  position: relative !important;
  animation: fm-card-in .34s cubic-bezier(.16, 1, .3, 1) both !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background-color .22s ease !important;
}

body.retro-forum .post-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 16% 0%, rgba(195, 192, 255, .12), transparent 34%) !important;
  opacity: 0 !important;
  transition: opacity .22s ease !important;
}

body.retro-forum .post-card:hover {
  border-color: rgba(195, 192, 255, .42) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .32), 0 0 0 1px rgba(195, 192, 255, .08) !important;
}

body.retro-forum .post-card:hover::before {
  opacity: 1 !important;
}

@media (hover: hover) and (min-width: 761px) {
  body.retro-forum .post-card:hover {
    transform: translateY(-2px) !important;
  }
}

body.retro-forum .post-body img,
body.retro-forum .post-body video,
body.retro-forum [id^="post-body-"] img,
body.retro-forum [id^="post-body-"] video,
body.retro-forum .post-embed-instagram {
  transition: transform .28s ease, filter .28s ease, box-shadow .28s ease !important;
}

body.retro-forum .post-card:hover .post-body img,
body.retro-forum .post-card:hover [id^="post-body-"] img {
  filter: saturate(1.06) contrast(1.03) !important;
}

body.retro-forum .post-reactions button:hover {
  transform: translateY(-2px) !important;
  color: var(--fm-primary) !important;
}

body.retro-forum .post-reactions button.active,
body.retro-forum .post-reactions button[aria-pressed="true"] {
  color: var(--fm-secondary) !important;
  background: rgba(78, 222, 163, .12) !important;
  box-shadow: inset 0 0 0 1px rgba(78, 222, 163, .22) !important;
}

body.retro-forum .comment-btn:hover,
body.retro-forum .share-btn:hover {
  background: rgba(195, 192, 255, .1) !important;
}

body.retro-forum .post-tools__trigger:hover {
  transform: rotate(90deg) scale(1.04) !important;
  color: var(--fm-primary) !important;
}

body.retro-forum #notif-panel {
  animation: fm-card-in .24s cubic-bezier(.16, 1, .3, 1) both !important;
  box-shadow: 0 22px 80px rgba(0, 0, 0, .5), 0 0 0 1px rgba(195, 192, 255, .1) !important;
}

body.retro-forum #notif-list .notif-item,
body.retro-forum .notif-item {
  transition: background-color .18s ease, transform .18s ease, border-color .18s ease !important;
}

body.retro-forum #notif-list .notif-item:hover,
body.retro-forum .notif-item:hover {
  transform: translateX(2px) !important;
  background: rgba(195, 192, 255, .08) !important;
}

body.retro-forum.mobile-drawer-open #mobile-hud-drawer .mobile-hud-drawer__action {
  animation: fm-drawer-item .26s cubic-bezier(.16, 1, .3, 1) both !important;
}

body.retro-forum.mobile-drawer-open #mobile-hud-drawer .mobile-hud-drawer__action:nth-child(2) { animation-delay: .025s !important; }
body.retro-forum.mobile-drawer-open #mobile-hud-drawer .mobile-hud-drawer__action:nth-child(3) { animation-delay: .05s !important; }
body.retro-forum.mobile-drawer-open #mobile-hud-drawer .mobile-hud-drawer__action:nth-child(4) { animation-delay: .075s !important; }
body.retro-forum.mobile-drawer-open #mobile-hud-drawer .mobile-hud-drawer__action:nth-child(5) { animation-delay: .1s !important; }
body.retro-forum.mobile-drawer-open #mobile-hud-drawer .mobile-hud-drawer__action:nth-child(6) { animation-delay: .125s !important; }

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active {
  box-shadow: inset 3px 0 0 var(--fm-primary) !important;
}

body.retro-forum .msn-folder,
body.retro-forum .msn-self,
body.retro-forum .msn-folder-item {
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.retro-forum .msn-folder:hover,
body.retro-forum .msn-folder-item:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(195, 192, 255, .32) !important;
}

body.retro-forum input:focus-visible,
body.retro-forum textarea:focus-visible,
body.retro-forum button:focus-visible,
body.retro-forum a:focus-visible {
  outline: 2px solid rgba(195, 192, 255, .72) !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  body.retro-forum *,
  body.retro-forum *::before,
  body.retro-forum *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Stitch exact pass: Midnight Executive is the source of truth from now on. */
body.retro-forum {
  --fm-bg: #11131b !important;
  --fm-bg-deep: #0c0e16 !important;
  --fm-surface: #1d1f28 !important;
  --fm-surface-low: #191b23 !important;
  --fm-surface-high: #282a32 !important;
  --fm-surface-highest: #33343d !important;
  --fm-border: #464555 !important;
  --fm-border-soft: rgba(70, 69, 85, .48) !important;
  --fm-text: #e1e1ed !important;
  --fm-muted: #c7c4d8 !important;
  --fm-primary: #c3c0ff !important;
  --fm-primary-strong: #4f46e5 !important;
  --fm-secondary: #4edea3 !important;
  --fm-tertiary: #ffb2b7 !important;
  --fm-danger: #ffb4ab !important;
  --fm-header: 64px !important;
  --fm-left: 280px !important;
  --fm-right: 350px !important;
  --fm-feed: 720px !important;
  background: var(--fm-bg) !important;
  color: var(--fm-text) !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

body.retro-forum .navbar.navbar--minimal {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  height: var(--fm-header) !important;
  min-height: var(--fm-header) !important;
  display: grid !important;
  grid-template-columns: var(--fm-left) minmax(220px, 360px) 1fr auto !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 0 32px !important;
  background: rgba(17, 19, 27, .98) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--fm-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body.retro-forum .navbar.navbar--minimal .logo {
  justify-self: start !important;
  color: var(--fm-primary) !important;
  font: 800 0/1 Inter, system-ui, sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body.retro-forum .navbar.navbar--minimal .logo::after {
  content: "Foromuk" !important;
  font: 800 24px/1 Inter, system-ui, sans-serif !important;
  color: var(--fm-primary) !important;
}

body.retro-forum #fm-top-search {
  grid-column: 2 !important;
  width: 320px !important;
  max-width: 100% !important;
  height: 40px !important;
  background: var(--fm-bg-deep) !important;
  border: 1px solid rgba(70, 69, 85, .34) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.retro-forum #fm-top-actions {
  grid-column: 4 !important;
  gap: 18px !important;
  align-items: center !important;
}

body.retro-forum .fm-top-action,
body.retro-forum #notif-bell-btn {
  width: 24px !important;
  height: 24px !important;
  color: var(--fm-muted) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.retro-forum .fm-top-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(195, 192, 255, .36) !important;
  background: var(--fm-surface-high) !important;
  box-shadow: none !important;
}

body.retro-forum .app-layout {
  display: block !important;
  min-height: 100vh !important;
  height: 100vh !important;
  padding: var(--fm-header) var(--fm-right) 0 var(--fm-left) !important;
  background: var(--fm-bg) !important;
  overflow: hidden !important;
}

body.retro-forum #mobile-hud-drawer {
  position: fixed !important;
  inset: var(--fm-header) auto 0 0 !important;
  width: var(--fm-left) !important;
  height: calc(100vh - var(--fm-header)) !important;
  padding: 20px 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  transform: none !important;
  background: rgba(17, 19, 27, .98) !important;
  border: 0 !important;
  border-right: 1px solid var(--fm-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: auto !important;
}

body.retro-forum .mobile-hud-drawer__profile,
body.retro-forum .mobile-hud-drawer__head {
  display: none !important;
}

body.retro-forum .mobile-hud-drawer__group {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
}

body.retro-forum .mobile-hud-drawer__group--secondary {
  margin-top: auto !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(70, 69, 85, .42) !important;
}

body.retro-forum .mobile-hud-drawer__action {
  min-height: 64px !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  color: rgba(225, 225, 237, .74) !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 4px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.retro-forum .mobile-hud-drawer__action.active {
  background: rgba(79, 70, 229, .2) !important;
  border-left-color: var(--fm-primary) !important;
  color: var(--fm-text) !important;
  box-shadow: none !important;
}

body.retro-forum .mobile-hud-drawer__icon {
  width: 24px !important;
  height: 24px !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body.retro-forum .mobile-hud-drawer__label {
  color: currentColor !important;
  font: 700 17px/1.1 Inter, system-ui, sans-serif !important;
  text-transform: none !important;
}

body.retro-forum .mobile-hud-drawer__hint {
  color: rgba(199, 196, 216, .62) !important;
  font: 800 10px/1 Inter, system-ui, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

body.retro-forum .main-col,
body.retro-forum #main-col {
  width: 100% !important;
  height: calc(100vh - var(--fm-header)) !important;
  max-width: none !important;
  padding: 24px !important;
  overflow: auto !important;
  background: var(--fm-bg) !important;
}

body.retro-forum #page-wall,
body.retro-forum #page-user-wall,
body.retro-forum #page-profile,
body.retro-forum #page-marketplace {
  width: min(100%, var(--fm-feed)) !important;
  max-width: var(--fm-feed) !important;
  margin: 0 auto !important;
}

body.retro-forum #page-wall .feed-header {
  width: 100% !important;
  min-height: 74px !important;
  height: 74px !important;
  margin: 0 0 24px !important;
  padding: 14px 14px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  background: var(--fm-surface) !important;
  border: 1px solid var(--fm-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.retro-forum #page-wall .feed-header::after,
body.retro-forum #page-user-wall .feed-header::after,
body.retro-forum .post-card::before {
  display: none !important;
  content: none !important;
}

body.retro-forum #page-wall .feed-header-left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
}

body.retro-forum #page-wall .feed-header-left::before {
  content: "edit_square" !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: var(--fm-surface-high) !important;
  color: var(--fm-primary) !important;
  font-family: "Material Symbols Outlined" !important;
  font-size: 24px !important;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24 !important;
}

body.retro-forum #page-wall .feed-header .panel-title {
  display: block !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  white-space: nowrap !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body.retro-forum #page-wall .feed-header .panel-title::after {
  content: "¿Qué querés publicar?" !important;
  display: block !important;
  color: var(--fm-text) !important;
  font: 700 18px/1.2 Inter, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
}

body.retro-forum #btn-nuevo-post,
body.retro-forum #btn-guest-post {
  width: 156px !important;
  min-width: 156px !important;
  height: 48px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--fm-primary) !important;
  color: #0f0069 !important;
  font: 800 14px/1 Inter, system-ui, sans-serif !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 24px rgba(195, 192, 255, .18) !important;
}

body.retro-forum #posts-list,
body.retro-forum #user-wall-posts {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

body.retro-forum .post-card,
body.retro-forum .post-card:hover {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
  overflow: visible !important;
}

body.retro-forum .post-face-front,
body.retro-forum .post-face-back {
  background: var(--fm-surface) !important;
  border: 1px solid var(--fm-border) !important;
  border-radius: 8px !important;
  color: var(--fm-text) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.retro-forum .post-header {
  min-height: 72px !important;
  padding: 24px 24px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  background: transparent !important;
  border: 0 !important;
}

body.retro-forum .post-header .av-wrap {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  border: 1px solid var(--fm-border) !important;
  border-radius: 0 !important;
  background: var(--fm-bg-deep) !important;
  overflow: hidden !important;
}

body.retro-forum .post-avatar,
body.retro-forum .post-header .av {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.retro-forum .post-meta {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.retro-forum .post-meta .flex.ic.g2 {
  width: 100% !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body.retro-forum .post-username {
  min-height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  color: var(--fm-text) !important;
  font: 800 15px/1.2 Inter, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.retro-forum .post-follow-btn {
  margin-left: auto !important;
  min-width: 68px !important;
  height: 28px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(195, 192, 255, .44) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--fm-primary) !important;
  font: 800 12px/1 Inter, system-ui, sans-serif !important;
  box-shadow: none !important;
}

body.retro-forum .post-body,
body.retro-forum [id^="post-body-"] {
  padding: 0 24px 0 !important;
  color: var(--fm-text) !important;
  font: 500 16px/1.6 Inter, system-ui, sans-serif !important;
}

body.retro-forum .post-body p,
body.retro-forum [id^="post-body-"] > p {
  margin: 0 0 16px !important;
}

body.retro-forum .post-img,
body.retro-forum .post-embed,
body.retro-forum .post-video-player,
body.retro-forum .video-shell,
body.retro-forum .instagram-embed-wrap,
body.retro-forum .post-body img,
body.retro-forum [id^="post-body-"] img,
body.retro-forum [id^="post-body-"] video {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  border: 1px solid rgba(70, 69, 85, .42) !important;
  border-radius: 4px !important;
  background: var(--fm-bg-deep) !important;
  box-shadow: none !important;
}

body.retro-forum .post-time--footer {
  margin: 0 !important;
  padding: 0 24px 18px !important;
  color: var(--fm-muted) !important;
  text-align: left !important;
  font: 500 14px/1.4 Inter, system-ui, sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body.retro-forum .post-reactions {
  min-height: 58px !important;
  margin: 0 !important;
  padding: 14px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  border: 0 !important;
  border-top: 1px solid rgba(70, 69, 85, .42) !important;
  border-radius: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
}

body.retro-forum .post-reactions *,
body.retro-forum .react-btn,
body.retro-forum .comment-btn,
body.retro-forum .share-btn,
body.retro-forum .report-btn {
  opacity: 1 !important;
}

body.retro-forum .react-btn,
body.retro-forum .comment-btn,
body.retro-forum .share-btn,
body.retro-forum .report-btn {
  min-width: 0 !important;
  height: 32px !important;
  padding: 0 !important;
  gap: 7px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--fm-muted) !important;
  font: 800 12px/1 Inter, system-ui, sans-serif !important;
  box-shadow: none !important;
}

body.retro-forum .heart-btn,
body.retro-forum .heart-btn .react-icon,
body.retro-forum .report-btn--red,
body.retro-forum .report-btn--red svg {
  color: var(--fm-danger) !important;
}

body.retro-forum .react-btn.active,
body.retro-forum .react-btn[aria-pressed="true"] {
  color: var(--fm-primary) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.retro-forum .chat-col,
body.retro-forum #chat-col {
  position: fixed !important;
  inset: var(--fm-header) 0 0 auto !important;
  width: var(--fm-right) !important;
  max-width: var(--fm-right) !important;
  height: calc(100vh - var(--fm-header)) !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  overflow: auto !important;
  background: var(--fm-bg) !important;
  border: 0 !important;
  border-left: 1px solid var(--fm-border) !important;
  box-shadow: none !important;
}

body.retro-forum .msn-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.retro-forum .msn-self,
body.retro-forum .msn-folder,
body.retro-forum .msn-contact-list {
  background: var(--fm-surface) !important;
  border: 1px solid var(--fm-border) !important;
  border-radius: 12px !important;
  color: var(--fm-text) !important;
  box-shadow: none !important;
}

body.retro-forum .msn-self {
  min-height: 86px !important;
  padding: 14px !important;
}

body.retro-forum .msn-contact-search,
body.retro-forum .msn-search-row {
  background: var(--fm-surface) !important;
  border: 1px solid rgba(70, 69, 85, .54) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

body.retro-forum .msn-folder-head,
body.retro-forum .msn-folder-item,
body.retro-forum .msn-friend-row {
  background: transparent !important;
  color: var(--fm-text) !important;
  border-color: rgba(70, 69, 85, .36) !important;
  opacity: 1 !important;
}

body.retro-forum .msn-self-avatar,
body.retro-forum .msn-avatar,
body.retro-forum .msn-folder-item img {
  border-radius: 999px !important;
  border: 1px solid rgba(70, 69, 85, .7) !important;
}

body.retro-forum .chat-col > .chat-header,
body.retro-forum .chat-col > #chat-msgs,
body.retro-forum .chat-col > .guest-banner,
body.retro-forum .chat-col > .chat-input-area {
  display: none !important;
}

body.retro-forum #notif-panel {
  top: 72px !important;
  right: 24px !important;
  width: 320px !important;
  background: var(--fm-surface) !important;
  border: 1px solid var(--fm-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .44) !important;
}

body.retro-forum .auth-screen {
  background: rgba(0, 0, 0, .72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

body.retro-forum .auth-box {
  width: min(560px, calc(100vw - 32px)) !important;
  padding: 32px !important;
  background: rgba(29, 31, 40, .96) !important;
  border: 1px solid var(--fm-primary-strong) !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .48) !important;
  color: var(--fm-text) !important;
}

@media (max-width: 1180px) and (min-width: 761px) {
  body.retro-forum {
    --fm-left: 88px !important;
    --fm-right: 0px !important;
  }

  body.retro-forum .navbar.navbar--minimal {
    grid-template-columns: 88px minmax(220px, 320px) 1fr auto !important;
    padding: 0 18px !important;
  }

  body.retro-forum .app-layout {
    padding: var(--fm-header) 0 0 88px !important;
  }

  body.retro-forum #mobile-hud-drawer {
    width: 88px !important;
    padding: 14px 0 !important;
    overflow: visible !important;
  }

  body.retro-forum .mobile-hud-drawer__text {
    display: none !important;
  }

  body.retro-forum .mobile-hud-drawer__action {
    justify-content: center !important;
    padding: 0 !important;
    position: relative !important;
  }

  body.retro-forum .mobile-hud-drawer__action::after {
    content: attr(data-hud-tooltip) !important;
    position: absolute !important;
    left: calc(100% + 10px) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 7px 10px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border: 1px solid var(--fm-border) !important;
    border-radius: 8px !important;
    background: var(--fm-surface) !important;
    color: var(--fm-text) !important;
    font: 700 12px/1 Inter, system-ui, sans-serif !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .32) !important;
    transition: opacity .15s ease !important;
  }

  body.retro-forum .mobile-hud-drawer__action:hover::after {
    opacity: 1 !important;
  }

  body.retro-forum .chat-col,
  body.retro-forum #chat-col {
    display: none !important;
  }
}

@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum {
    --fm-left: 0px !important;
    --fm-right: 0px !important;
  }

  body.retro-forum .navbar.navbar--minimal {
    position: sticky !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 10px !important;
    padding: 0 12px !important;
  }

  body.retro-forum #fm-top-search {
    display: none !important;
  }

  body.retro-forum .navbar.navbar--minimal .logo {
    font-size: 18px !important;
  }

  body.retro-forum #hud-mobile-menu {
    display: inline-grid !important;
  }

  body.retro-forum .app-layout {
    height: auto !important;
    min-height: 100dvh !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.retro-forum .main-col,
  body.retro-forum #main-col {
    height: auto !important;
    min-height: calc(100dvh - var(--fm-header)) !important;
    padding: 16px 12px 32px !important;
  }

  body.retro-forum #page-wall,
  body.retro-forum #page-user-wall,
  body.retro-forum #page-profile,
  body.retro-forum #page-marketplace {
    width: 100% !important;
    max-width: none !important;
  }

  body.retro-forum #page-wall .feed-header {
    height: auto !important;
    min-height: 68px !important;
    padding: 12px !important;
    gap: 10px !important;
  }

  body.retro-forum #page-wall .feed-header-left::before {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }

  body.retro-forum #page-wall .feed-header .panel-title::after {
    font-size: 15px !important;
    white-space: normal !important;
  }

  body.retro-forum #btn-nuevo-post,
  body.retro-forum #btn-guest-post {
    width: auto !important;
    min-width: 122px !important;
    height: 42px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }

  body.retro-forum .post-header {
    padding: 18px 14px 10px !important;
  }

  body.retro-forum .post-body,
  body.retro-forum [id^="post-body-"] {
    padding: 0 14px !important;
    font-size: 15px !important;
  }

  body.retro-forum .post-time--footer {
    padding: 0 14px 14px !important;
    font-size: 12px !important;
  }

  body.retro-forum .post-reactions {
    min-height: 52px !important;
    padding: 10px 14px !important;
    gap: 14px !important;
    overflow-x: auto !important;
  }

  body.retro-forum .comment-btn span:nth-child(2),
  body.retro-forum .share-btn span,
  body.retro-forum .report-btn span {
    display: none !important;
  }

  body.retro-forum #mobile-hud-drawer {
    top: var(--fm-header) !important;
    width: min(300px, 82vw) !important;
    height: calc(100dvh - var(--fm-header)) !important;
    transform: translateX(-105%) !important;
    padding: 14px 0 !important;
    z-index: 1700 !important;
  }

  body.retro-forum.mobile-drawer-open #mobile-hud-drawer {
    transform: translateX(0) !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__head {
    display: flex !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__text {
    display: flex !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action {
    justify-content: flex-start !important;
    padding: 0 18px !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action::after {
    display: none !important;
  }

  body.retro-forum .chat-col,
  body.retro-forum #chat-col {
    display: none !important;
  }

  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.chat-open #chat-col {
    display: flex !important;
    position: fixed !important;
    inset: var(--fm-header) 0 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: calc(100dvh - var(--fm-header)) !important;
    padding: 0 !important;
    z-index: 1750 !important;
  }
}

/* Mobile repair: header bell stays visible and Messenger has a clear back action. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum #fm-top-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: max-content !important;
  }

  body.retro-forum #notif-bell-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
  }

  body.retro-forum #notif-bell-btn,
  body.retro-forum #fm-top-actions .fm-top-action {
    display: inline-grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    color: var(--fm-muted) !important;
    background: transparent !important;
    border: 0 !important;
  }

  body.retro-forum #notif-bell-btn svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    color: currentColor !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.1 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body.retro-forum #notif-bell-btn svg path {
    fill: none !important;
    stroke: currentColor !important;
  }

  body.retro-forum #notif-bell-btn:hover,
  body.retro-forum #notif-bell-btn.active {
    color: var(--fm-primary) !important;
    background: rgba(195, 192, 255, .1) !important;
  }

  body.retro-forum #notif-count-badge {
    display: none;
    top: -2px !important;
    right: -2px !important;
    z-index: 3 !important;
  }

  body.retro-forum #hud-mobile-menu {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border: 1px solid rgba(195, 192, 255, .34) !important;
    border-radius: 9px !important;
    background: rgba(29, 31, 40, .96) !important;
    color: var(--fm-primary) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.retro-forum #hud-mobile-menu span {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    min-height: 2px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: currentColor !important;
    box-shadow: none !important;
    transform-origin: center !important;
    transition: transform .18s ease, opacity .18s ease !important;
  }

  body.retro-forum #hud-mobile-menu.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  body.retro-forum #hud-mobile-menu.is-open span:nth-child(2) {
    opacity: 0 !important;
  }

  body.retro-forum #hud-mobile-menu.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  body.retro-forum.is-user #btn-guest-post,
  body.retro-forum[data-auth="user"] #btn-guest-post {
    display: none !important;
  }

  body.retro-forum.is-user #btn-nuevo-post,
  body.retro-forum[data-auth="user"] #btn-nuevo-post {
    display: inline-flex !important;
  }

  body.retro-forum.is-guest #btn-nuevo-post,
  body.retro-forum[data-auth="guest"] #btn-nuevo-post {
    display: none !important;
  }

  body.retro-forum.is-guest #btn-guest-post,
  body.retro-forum[data-auth="guest"] #btn-guest-post {
    display: inline-flex !important;
  }

  body.retro-forum.messenger-open .msn-mobile-close,
  body.retro-forum.chat-open .msn-mobile-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 10px !important;
    margin: 0 6px 0 0 !important;
    border: 1px solid rgba(195, 192, 255, .28) !important;
    border-radius: 999px !important;
    background: rgba(195, 192, 255, .1) !important;
    color: var(--fm-primary) !important;
    box-shadow: none !important;
    font: 800 12px/1 Inter, system-ui, sans-serif !important;
  }

  body.retro-forum.messenger-open .msn-mobile-close::after,
  body.retro-forum.chat-open .msn-mobile-close::after {
    content: "Volver" !important;
  }

  body.retro-forum.messenger-open .msn-mobile-close svg,
  body.retro-forum.chat-open .msn-mobile-close svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.retro-forum.messenger-open #msn-panel,
  body.retro-forum.chat-open #msn-panel {
    padding-top: 10px !important;
  }
}

/* Mobile scroll repair: keep wall content scrollable after the Stitch layout pass. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px){
  html:has(body.retro-forum),
  html:has(body.retro-forum) body,
  body.retro-forum{
    height:auto !important;
    min-height:100dvh !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior-y:contain !important;
    touch-action:pan-y !important;
  }

  body.retro-forum #app,
  body.retro-forum .app-layout{
    height:auto !important;
    min-height:100dvh !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
  }

  body.retro-forum .main-col,
  body.retro-forum #main-col{
    height:auto !important;
    min-height:calc(100dvh - var(--fm-header)) !important;
    max-height:none !important;
    overflow:visible !important;
    padding:16px 12px 40px !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
  }

  body.retro-forum #page-wall,
  body.retro-forum #posts-list,
  body.retro-forum .post-card,
  body.retro-forum .post-face-front{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    touch-action:pan-y !important;
  }

  body.retro-forum.mobile-drawer-open,
  body.retro-forum.messenger-open,
  body.retro-forum.chat-open{
    overflow:hidden !important;
  }

  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.chat-open #chat-col{
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
  }
}

/* Mobile clarity pass: readable composer fields and stable header actions. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px){
  body.retro-forum .navbar.navbar--minimal{
    grid-template-columns: 40px minmax(108px, 1fr) auto !important;
    gap: 8px !important;
    padding: 0 10px !important;
    overflow: visible !important;
  }

  body.retro-forum .navbar.navbar--minimal .logo{
    display: block !important;
    width: auto !important;
    min-width: 108px !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  body.retro-forum .navbar.navbar--minimal .logo::after{
    content: "Foromuk" !important;
    display: block !important;
    font-size: clamp(20px, 5vw, 24px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.retro-forum #fm-top-actions{
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.retro-forum #notif-bell-wrap{
    order: 0 !important;
    display: flex !important;
    flex: 0 0 34px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.retro-forum #notif-bell-btn{
    display: inline-grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--fm-muted) !important;
  }

  body.retro-forum #notif-bell-btn svg{
    display: block !important;
    width: 22px !important;
    height: 22px !important;
  }

  body.retro-forum #fm-top-mail{ order: 1 !important; }
  body.retro-forum #fm-top-settings{ order: 2 !important; }
  body.retro-forum #fm-top-avatar{ order: 3 !important; }

  body.retro-forum .fm-top-action,
  body.retro-forum .fm-top-avatar{
    flex: 0 0 34px !important;
  }

  body.retro-forum #np-text,
  body.retro-forum #np-url,
  body.retro-forum #new-post-form input,
  body.retro-forum #new-post-form textarea{
    background: #0c0e16 !important;
    color: #f4f3ff !important;
    border-color: rgba(195, 192, 255, .34) !important;
    caret-color: var(--fm-secondary) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02) !important;
  }

  body.retro-forum #np-text::placeholder,
  body.retro-forum #np-url::placeholder,
  body.retro-forum #new-post-form input::placeholder,
  body.retro-forum #new-post-form textarea::placeholder{
    color: #c7c4d8 !important;
    opacity: .92 !important;
  }

  body.retro-forum #np-url{
    border-radius: 999px !important;
  }

  body.retro-forum #new-post-form input:focus,
  body.retro-forum #new-post-form textarea:focus{
    background: #10131d !important;
    color: #ffffff !important;
    border-color: rgba(78, 222, 163, .72) !important;
    box-shadow: 0 0 0 2px rgba(78, 222, 163, .16) !important;
  }
}

/* Mobile wall scroll lock fix: #main-col owns the vertical scroll. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px){
  html:has(body.retro-forum),
  html:has(body.retro-forum) body,
  body.retro-forum{
    height:100% !important;
    max-height:100% !important;
    overflow:hidden !important;
  }

  body.retro-forum #app,
  body.retro-forum .app-layout{
    height:calc(100dvh - var(--fm-header)) !important;
    min-height:0 !important;
    max-height:calc(100dvh - var(--fm-header)) !important;
    overflow:hidden !important;
    padding:0 !important;
  }

  body.retro-forum .main-col,
  body.retro-forum #main-col{
    display:block !important;
    height:calc(100dvh - var(--fm-header)) !important;
    min-height:0 !important;
    max-height:calc(100dvh - var(--fm-header)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:16px 12px 96px !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain !important;
    touch-action:pan-y !important;
  }

  body.retro-forum #page-wall,
  body.retro-forum #posts-list{
    min-height:0 !important;
    overflow:visible !important;
    padding-bottom:24px !important;
  }

  body.retro-forum #main-col iframe,
  body.retro-forum #main-col blockquote{
    touch-action:auto !important;
  }

  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.chat-open #chat-col{
    height:calc(100dvh - var(--fm-header)) !important;
    max-height:calc(100dvh - var(--fm-header)) !important;
  }
}

/* Mobile composer header: icon, prompt and action in one line. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px){
  body.retro-forum #page-wall .feed-header{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    min-height:74px !important;
    height:auto !important;
    padding:12px !important;
    gap:10px !important;
  }

  body.retro-forum #page-wall .feed-header-left{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  body.retro-forum #page-wall .feed-header-left::before{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex:0 0 42px !important;
  }

  body.retro-forum #page-wall .feed-header .panel-title{
    min-width:0 !important;
    flex:1 1 auto !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.retro-forum #page-wall .feed-header .panel-title::after{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:clamp(13px, 3.6vw, 16px) !important;
    line-height:1 !important;
  }

  body.retro-forum #page-wall .feed-header-right{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    margin:0 !important;
    min-width:0 !important;
  }

  body.retro-forum #page-wall #btn-nuevo-post,
  body.retro-forum #page-wall #btn-guest-post{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:112px !important;
    max-width:148px !important;
    height:42px !important;
    padding:0 14px !important;
    font-size:12px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
}

@media (max-width: 380px){
  body.retro-forum #page-wall .feed-header{
    gap:8px !important;
    padding:10px !important;
  }

  body.retro-forum #page-wall .feed-header-left::before{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex-basis:38px !important;
  }

  body.retro-forum #page-wall .feed-header .panel-title::after{
    font-size:12px !important;
  }

  body.retro-forum #page-wall #btn-nuevo-post,
  body.retro-forum #page-wall #btn-guest-post{
    min-width:104px !important;
    height:40px !important;
    padding:0 10px !important;
    font-size:11px !important;
  }
}

/* Mobile post header spacing: keep author name away from the avatar frame. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px){
  body.retro-forum .post-header{
    column-gap:12px !important;
    gap:12px !important;
  }

  body.retro-forum .post-header .post-meta{
    margin-left:6px !important;
  }

  body.retro-forum .post-header .av-wrap{
    margin-right:2px !important;
  }
}

/* Mobile Messenger comfort pass: more breathing room and clearer contact groups. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px){
  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.chat-open #chat-col{
    inset: var(--fm-header) 0 0 !important;
    background: linear-gradient(180deg, rgba(17, 19, 27, .98), rgba(12, 14, 22, .98)) !important;
    padding: 8px 8px 12px !important;
    overflow: hidden !important;
  }

  body.retro-forum.messenger-open #msn-panel,
  body.retro-forum.chat-open #msn-panel{
    width: 100% !important;
    height: 100% !important;
    padding: 10px !important;
    gap: 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    background: #11131b !important;
    border: 1px solid rgba(195, 192, 255, .18) !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  }

  body.retro-forum #msn-panel .msn-self{
    min-height: 82px !important;
    padding: 12px !important;
    gap: 12px !important;
    border-radius: 16px !important;
    background: #1d1f28 !important;
    border-color: rgba(195, 192, 255, .22) !important;
    display: grid !important;
    grid-template-columns: auto 52px minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  body.retro-forum #msn-panel .msn-mobile-close{
    grid-column: 1 !important;
    min-width: 78px !important;
    height: 42px !important;
    margin: 0 !important;
  }

  body.retro-forum #msn-panel .msn-self-avatar{
    grid-column: 2 !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 14px !important;
  }

  body.retro-forum #msn-panel .msn-self-info,
  body.retro-forum #msn-panel .msn-self-main,
  body.retro-forum #msn-panel .msn-self-meta{
    grid-column: 3 !important;
    min-width: 0 !important;
  }

  body.retro-forum #msn-panel .msn-self-name{
    font-size: 18px !important;
    line-height: 1.1 !important;
    color: #f4f3ff !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.retro-forum #msn-panel #msn-self-status,
  body.retro-forum #msn-panel .msn-self-status{
    max-width: 150px !important;
    min-height: 28px !important;
    color: var(--fm-secondary) !important;
    font-size: 13px !important;
  }

  body.retro-forum #msn-panel .msn-edit-profile,
  body.retro-forum #msn-panel a[href*="perfil"],
  body.retro-forum #msn-panel .btn-edit-profile{
    grid-column: 4 !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  body.retro-forum #msn-panel .msn-contact-search,
  body.retro-forum #msn-panel .msn-search-row{
    min-height: 48px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    background: #191b23 !important;
    border-color: rgba(195, 192, 255, .18) !important;
  }

  body.retro-forum #msn-panel input[type="search"],
  body.retro-forum #msn-panel input[type="text"]{
    color: #f4f3ff !important;
  }

  body.retro-forum #msn-panel input::placeholder{
    color: #a8a5bd !important;
    opacity: 1 !important;
  }

  body.retro-forum #msn-panel .msn-section-title,
  body.retro-forum #msn-panel .msn-contact-title,
  body.retro-forum #msn-panel h3{
    margin: 2px 2px 0 !important;
    color: #dad7ff !important;
    letter-spacing: .08em !important;
  }

  body.retro-forum #msn-panel .msn-folder{
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    background: #191b23 !important;
    border-color: rgba(195, 192, 255, .18) !important;
    overflow: hidden !important;
  }

  body.retro-forum #msn-panel .msn-folder + .msn-folder{
    margin-top: 8px !important;
  }

  body.retro-forum #msn-panel .msn-folder-head{
    min-height: 56px !important;
    padding: 10px 12px !important;
    gap: 10px !important;
    background: rgba(195, 192, 255, .04) !important;
    border-bottom: 1px solid rgba(195, 192, 255, .1) !important;
  }

  body.retro-forum #msn-panel .msn-folder-title{
    font-size: 16px !important;
    line-height: 1.15 !important;
    color: #f4f3ff !important;
  }

  body.retro-forum #msn-panel .msn-folder-count,
  body.retro-forum #msn-panel .msn-folder-badge,
  body.retro-forum #msn-panel .folder-count{
    margin-left: auto !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: rgba(195, 192, 255, .18) !important;
    color: #dad7ff !important;
  }

  body.retro-forum #msn-panel .msn-folder-body{
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  body.retro-forum #msn-panel .msn-folder-item,
  body.retro-forum #msn-panel .msn-friend-row{
    min-height: 62px !important;
    padding: 8px 10px !important;
    gap: 10px !important;
    border-radius: 12px !important;
    background: #20232d !important;
    border: 1px solid transparent !important;
  }

  body.retro-forum #msn-panel .msn-folder-item:hover,
  body.retro-forum #msn-panel .msn-friend-row:hover{
    background: #282a32 !important;
    border-color: rgba(195, 192, 255, .2) !important;
  }

  body.retro-forum #msn-panel .msn-avatar,
  body.retro-forum #msn-panel .msn-folder-item img,
  body.retro-forum #msn-panel .msn-group-avatar-icon{
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
  }

  body.retro-forum #msn-panel .msn-contact-name,
  body.retro-forum #msn-panel .msn-folder-item strong{
    color: #f4f3ff !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  body.retro-forum #msn-panel .msn-contact-status,
  body.retro-forum #msn-panel .msn-folder-item small,
  body.retro-forum #msn-panel .msn-folder-item span:not(.msn-folder-title){
    color: #b8b5ca !important;
  }

  body.retro-forum #msn-panel .msn-folder-actions,
  body.retro-forum #msn-panel .msn-folder-tools{
    display: flex !important;
    gap: 6px !important;
    margin-left: auto !important;
  }

  body.retro-forum #msn-panel .msn-folder-actions button,
  body.retro-forum #msn-panel .msn-folder-tools button,
  body.retro-forum #msn-panel .msn-mini-btn{
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 10px !important;
  }

  body.retro-forum #msn-panel .msn-online-row,
  body.retro-forum #msn-panel .msn-status-pills{
    display: flex !important;
    gap: 8px !important;
    padding: 0 4px !important;
  }

  body.retro-forum #msn-panel .msn-online-row span,
  body.retro-forum #msn-panel .msn-status-pills span{
    min-height: 24px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    background: rgba(195, 192, 255, .12) !important;
    color: #dad7ff !important;
  }
}
/* Messenger contacts refresh: dark/light contrast and readable structure */
body.retro-forum #msn-panel {
  --msn-bg: #10131b;
  --msn-surface: #181d28;
  --msn-surface-2: #202735;
  --msn-surface-3: #2a3343;
  --msn-line: rgba(196, 211, 255, .18);
  --msn-line-strong: rgba(196, 211, 255, .28);
  --msn-text: #f3f7ff;
  --msn-muted: #aebbd0;
  --msn-soft: #7f8fa7;
  --msn-accent: #8fc7ff;
  --msn-good: #4ed8b2;
  background: var(--msn-bg) !important;
  border: 1px solid var(--msn-line-strong) !important;
  border-radius: 12px !important;
  color: var(--msn-text) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 12px !important;
  overflow: hidden !important;
}

body.retro-forum #msn-panel .msn-self {
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
  min-height: 76px !important;
  background: var(--msn-surface) !important;
  border: 1px solid var(--msn-line) !important;
  border-radius: 12px !important;
}

body.retro-forum #msn-panel .msn-mobile-close {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 10px !important;
  background: var(--msn-surface-2) !important;
  border: 1px solid var(--msn-line) !important;
  color: var(--msn-accent) !important;
}

body.retro-forum #msn-panel .msn-self-avatar {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(143, 199, 255, .42) !important;
  object-fit: cover !important;
}

body.retro-forum #msn-panel .msn-self-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

body.retro-forum #msn-panel .msn-self-name {
  color: var(--msn-text) !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.retro-forum #msn-panel .msn-self-status {
  width: fit-content !important;
  max-width: 100% !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 28px 0 20px !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--msn-good) !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.retro-forum #msn-panel .msn-self-copy::after {
  left: 0 !important;
  top: 34px !important;
  width: 10px !important;
  height: 10px !important;
  background: var(--msn-good) !important;
  box-shadow: 0 0 0 3px rgba(78, 216, 178, .16) !important;
}

body.retro-forum #msn-panel .msn-edit-profile {
  height: 40px !important;
  min-width: 104px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: #e7f1ff !important;
  border: 1px solid rgba(231, 241, 255, .72) !important;
  color: #162234 !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body.retro-forum #msn-panel .msn-search-row {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.retro-forum #msn-panel .msn-contact-search {
  width: 100% !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: var(--msn-surface) !important;
  border: 1px solid var(--msn-line) !important;
  color: var(--msn-text) !important;
  font-size: 14px !important;
  padding: 0 14px !important;
}

body.retro-forum #msn-panel .msn-contact-search::placeholder {
  color: var(--msn-soft) !important;
  opacity: 1 !important;
}

body.retro-forum #msn-panel .msn-section-title {
  margin: 0 !important;
  padding: 0 2px !important;
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--msn-muted) !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.retro-forum #msn-panel .msn-folder-list,
body.retro-forum #msn-panel .msn-contact-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.retro-forum #msn-panel .msn-contact-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden auto !important;
  padding-right: 2px !important;
}

body.retro-forum #msn-panel .msn-folder,
body.retro-forum #msn-panel .msn-friends-panel,
body.retro-forum #msn-panel .msn-friend-folder {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.retro-forum #msn-panel .msn-folder-head,
body.retro-forum #msn-panel .msn-friends-toolbar,
body.retro-forum #msn-panel .msn-group-title {
  min-height: 52px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: var(--msn-surface) !important;
  border: 1px solid var(--msn-line) !important;
  color: var(--msn-text) !important;
}

body.retro-forum #msn-panel .msn-friends-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.retro-forum #msn-panel .msn-friends-title,
body.retro-forum #msn-panel .msn-folder-title,
body.retro-forum #msn-panel .msn-folder-toggle {
  color: var(--msn-text) !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

body.retro-forum #msn-panel .msn-folder-icon {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  border-radius: 8px !important;
  background: #ead27b !important;
  color: #243044 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.retro-forum #msn-panel .msn-folder-count,
body.retro-forum #msn-panel .msn-status-pill,
body.retro-forum #msn-panel .msn-friends-title b,
body.retro-forum #msn-panel .msn-friends-meta span {
  min-width: 24px !important;
  min-height: 24px !important;
  border-radius: 999px !important;
  background: #d8e9ff !important;
  color: #233047 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.retro-forum #msn-panel .msn-friends-meta {
  display: flex !important;
  gap: 6px !important;
  padding: 0 2px !important;
}

body.retro-forum #msn-panel .msn-folder-icon-actions,
body.retro-forum #msn-panel .msn-folder-head-actions {
  display: flex !important;
  gap: 6px !important;
  margin-left: auto !important;
}

body.retro-forum #msn-panel .msn-folder-icon-actions button,
body.retro-forum #msn-panel .msn-folder-head-actions button,
body.retro-forum #msn-panel .msn-folder-eye,
body.retro-forum #msn-panel .msn-folder-delete {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 10px !important;
  background: #d8e9ff !important;
  border: 1px solid rgba(216, 233, 255, .68) !important;
  color: #243044 !important;
}

body.retro-forum #msn-panel .msn-folder-icon-actions svg,
body.retro-forum #msn-panel .msn-folder-head-actions svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2 !important;
}

body.retro-forum #msn-panel .msn-contact,
body.retro-forum #msn-panel .msn-folder-item {
  width: 100% !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 12px 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  background: var(--msn-surface-2) !important;
  border: 1px solid transparent !important;
  color: var(--msn-text) !important;
  text-align: left !important;
}

body.retro-forum #msn-panel .msn-contact:hover,
body.retro-forum #msn-panel .msn-folder-item:hover,
body.retro-forum #msn-panel .msn-contact.has-unread,
body.retro-forum #msn-panel .msn-folder-item.has-unread {
  background: var(--msn-surface-3) !important;
  border-color: rgba(143, 199, 255, .28) !important;
}

body.retro-forum #msn-panel .msn-contact-presence {
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: var(--msn-good) !important;
  box-shadow: 0 0 0 3px rgba(78, 216, 178, .14) !important;
}

body.retro-forum #msn-panel .msn-contact.offline .msn-contact-presence,
body.retro-forum #msn-panel .msn-presence-offline,
body.retro-forum #msn-panel .msn-presence-invisible {
  background: #7f8fa7 !important;
  box-shadow: none !important;
}

body.retro-forum #msn-panel .msn-contact-avatar,
body.retro-forum #msn-panel .msn-group-avatar-icon,
body.retro-forum #msn-panel .msn-folder-item img {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid rgba(143, 199, 255, .22) !important;
}

body.retro-forum #msn-panel .msn-contact-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

body.retro-forum #msn-panel .msn-contact-name,
body.retro-forum #msn-panel .msn-group-name,
body.retro-forum #msn-panel .msn-folder-item strong {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--msn-text) !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.retro-forum #msn-panel .msn-contact-status {
  min-width: 0 !important;
  display: block !important;
  color: var(--msn-muted) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body.retro-forum #msn-panel .msn-contact-status-name,
body.retro-forum #msn-panel .msn-contact-status-desc,
body.retro-forum #msn-panel .msn-group-sub,
body.retro-forum #msn-panel .msn-folder-item small {
  display: block !important;
  color: var(--msn-muted) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.retro-forum #msn-panel .msn-contact-status-desc {
  color: var(--msn-soft) !important;
}

body.retro-forum #msn-panel .msn-folder-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 6px 0 0 !important;
}

body.retro-forum #msn-panel .msn-folder-empty,
body.retro-forum #msn-panel .msn-folder-empty-inline,
body.retro-forum #msn-panel .msn-empty {
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid var(--msn-line) !important;
  color: var(--msn-muted) !important;
  padding: 12px !important;
  text-align: center !important;
}

body.retro-forum #msn-panel .msn-mobile-close::after {
  content: none !important;
}

@media (max-width: 560px) {
  body.retro-forum #msn-panel {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 10px !important;
    gap: 8px !important;
  }

  body.retro-forum #msn-panel .msn-self {
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    grid-template-areas:
      "back avatar copy"
      "edit edit edit" !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 10px !important;
  }

  body.retro-forum #msn-panel .msn-mobile-close {
    grid-area: back !important;
  }

  body.retro-forum #msn-panel .msn-self-avatar {
    grid-area: avatar !important;
  }

  body.retro-forum #msn-panel .msn-self-copy {
    grid-area: copy !important;
  }

  body.retro-forum #msn-panel .msn-edit-profile {
    grid-area: edit !important;
    width: 100% !important;
  }

  body.retro-forum #msn-panel .msn-folder-icon-actions button,
  body.retro-forum #msn-panel .msn-folder-head-actions button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }
}

/* Mobile Messenger fixed mode: only Volver/browser back returns to the wall. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px){
  body.retro-forum.messenger-open,
  body.retro-forum.chat-open{
    height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  body.retro-forum.messenger-open #app,
  body.retro-forum.chat-open #app,
  body.retro-forum.messenger-open .app-layout,
  body.retro-forum.chat-open .app-layout{
    height:calc(100dvh - var(--fm-header)) !important;
    max-height:calc(100dvh - var(--fm-header)) !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-open .main-col,
  body.retro-forum.chat-open .main-col,
  body.retro-forum.messenger-open #main-col,
  body.retro-forum.chat-open #main-col{
    pointer-events:none !important;
    user-select:none !important;
    overflow:hidden !important;
    opacity:0 !important;
    height:calc(100dvh - var(--fm-header)) !important;
    max-height:calc(100dvh - var(--fm-header)) !important;
  }

  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.chat-open #chat-col,
  body.retro-forum.messenger-open .chat-col,
  body.retro-forum.chat-open .chat-col{
    display:flex !important;
    position:fixed !important;
    inset:var(--fm-header) 0 0 0 !important;
    width:100vw !important;
    height:calc(100dvh - var(--fm-header)) !important;
    max-height:calc(100dvh - var(--fm-header)) !important;
    max-width:none !important;
    z-index:1700 !important;
    overflow:hidden !important;
    pointer-events:auto !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-open #msn-panel,
  body.retro-forum.chat-open #msn-panel{
    position:relative !important;
    z-index:1 !important;
    height:100% !important;
    max-height:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.retro-forum.messenger-open .navbar.navbar--minimal,
  body.retro-forum.chat-open .navbar.navbar--minimal{
    z-index:1800 !important;
  }
}

/* Mobile reactions: compact icons, readable contrast */
@media (max-width: 640px) {
  body.retro-forum .post-face-front .post-reactions,
  body.retro-forum .post-reactions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    background: #f4f7ff !important;
    border-top: 1px solid rgba(25, 34, 52, .12) !important;
    color: #172033 !important;
    overflow: visible !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-sep,
  body.retro-forum .post-reactions .react-sep {
    display: none !important;
  }

  body.retro-forum .post-face-front .react-btn,
  body.retro-forum .post-face-front .share-btn,
  body.retro-forum .post-reactions .react-btn,
  body.retro-forum .post-reactions .share-btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    border-radius: 10px !important;
    background: #e5ecfa !important;
    border: 1px solid #cad6eb !important;
    color: #23314c !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }

  body.retro-forum .post-face-front .comment-btn,
  body.retro-forum .post-reactions .comment-btn {
    min-width: 104px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border-radius: 10px !important;
    background: #dce9ff !important;
    border: 1px solid #b9cdf0 !important;
    color: #162742 !important;
    opacity: 1 !important;
    font-weight: 800 !important;
  }

  body.retro-forum .post-face-front .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front .share-btn > span,
  body.retro-forum .post-reactions .share-btn > span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  body.retro-forum .post-face-front .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]) {
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: nowrap !important;
    color: #162742 !important;
    font-size: 12px !important;
  }

  body.retro-forum .post-face-front .react-icon,
  body.retro-forum .post-reactions .react-icon,
  body.retro-forum .post-face-front .comment-btn-icon,
  body.retro-forum .post-reactions .comment-btn-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentColor !important;
    font-size: 18px !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-face-front .react-icon svg,
  body.retro-forum .post-reactions .react-icon svg,
  body.retro-forum .post-face-front .comment-btn-icon svg,
  body.retro-forum .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front .share-btn svg,
  body.retro-forum .post-reactions .share-btn svg {
    width: 21px !important;
    height: 21px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.retro-forum .post-face-front .heart-btn,
  body.retro-forum .post-reactions .heart-btn {
    color: #d92962 !important;
  }

  body.retro-forum .post-face-front .like-btn,
  body.retro-forum .post-reactions .like-btn {
    color: #2458c7 !important;
  }

  body.retro-forum .post-face-front .dislike-btn,
  body.retro-forum .post-reactions .dislike-btn {
    color: #5d6b80 !important;
  }

  body.retro-forum .post-face-front .share-btn,
  body.retro-forum .post-reactions .share-btn {
    color: #256a82 !important;
    margin-left: auto !important;
  }

  body.retro-forum .post-face-front .react-btn.active,
  body.retro-forum .post-reactions .react-btn.active,
  body.retro-forum .post-face-front .comment-btn.active,
  body.retro-forum .post-reactions .comment-btn.active {
    background: #ffffff !important;
    border-color: #8fb0e8 !important;
    color: #163b7a !important;
  }

  body.retro-forum .post-face-front .react-count,
  body.retro-forum .post-reactions .react-count,
  body.retro-forum .post-face-front .comment-btn span[id^="ccount"],
  body.retro-forum .post-reactions .comment-btn span[id^="ccount"] {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #172033 !important;
    border: 1px solid #c7d4ea !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin-left: -6px !important;
    margin-right: -5px !important;
  }
}

/* TRUE FINAL OVERRIDE - mobile reaction bar */
@media (max-width: 640px) {
  body.retro-forum #page-wall .post-face-front .post-reactions,
  body.retro-forum #page-user-wall .post-face-front .post-reactions,
  body.retro-forum .post-face-front .post-reactions,
  body.retro-forum .post-reactions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 9px 12px !important;
    background: #edf5ff !important;
    border-top: 1px solid rgba(126, 166, 226, .5) !important;
    color: #10172a !important;
    overflow: visible !important;
  }

  body.retro-forum .post-reactions:has(.report-btn),
  body.retro-forum .post-face-front .post-reactions:has(.report-btn) {
    display: flex !important;
    flex-flow: row nowrap !important;
  }

  body.retro-forum .post-reactions .react-sep,
  body.retro-forum .post-face-front .post-reactions .react-sep {
    display: none !important;
  }

  body.retro-forum .post-reactions .react-btn,
  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-reactions .report-btn,
  body.retro-forum .post-face-front .react-btn,
  body.retro-forum .post-face-front .share-btn,
  body.retro-forum .post-face-front .report-btn {
    position: relative !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 13px !important;
    background: #d9eaff !important;
    border: 1px solid rgba(96, 137, 203, .38) !important;
    color: #243044 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.retro-forum .post-reactions .comment-btn,
  body.retro-forum .post-face-front .comment-btn {
    position: relative !important;
    flex: 1 1 124px !important;
    width: auto !important;
    min-width: 112px !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #d4d1ff 0%, #9bd2ff 100%) !important;
    border: 1px solid rgba(96, 137, 203, .45) !important;
    color: #10172a !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-reactions .share-btn > span,
  body.retro-forum .post-face-front .share-btn > span,
  body.retro-forum .post-reactions .report-btn > span,
  body.retro-forum .post-face-front .report-btn > span {
    display: none !important;
  }

  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-face-front .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]) {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    color: #10172a !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-reactions .react-icon,
  body.retro-forum .post-face-front .react-icon,
  body.retro-forum .post-reactions .comment-btn-icon,
  body.retro-forum .post-face-front .comment-btn-icon {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentColor !important;
    font-size: 18px !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-reactions .react-icon svg,
  body.retro-forum .post-face-front .react-icon svg,
  body.retro-forum .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front .comment-btn-icon svg,
  body.retro-forum .post-reactions .share-btn svg,
  body.retro-forum .post-face-front .share-btn svg,
  body.retro-forum .post-reactions .report-btn svg,
  body.retro-forum .post-face-front .report-btn svg {
    width: 21px !important;
    height: 21px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.retro-forum .post-reactions .heart-btn,
  body.retro-forum .post-face-front .heart-btn {
    color: #f15f8b !important;
  }

  body.retro-forum .post-reactions .like-btn,
  body.retro-forum .post-face-front .like-btn {
    color: #6d8eff !important;
  }

  body.retro-forum .post-reactions .dislike-btn,
  body.retro-forum .post-face-front .dislike-btn {
    color: #6b7a90 !important;
  }

  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-face-front .share-btn {
    color: #0f8d98 !important;
    margin-left: auto !important;
  }

  body.retro-forum .post-reactions .react-count,
  body.retro-forum .post-face-front .react-count,
  body.retro-forum .post-reactions .comment-btn span[id^="ccount"]:not(:empty),
  body.retro-forum .post-face-front .comment-btn span[id^="ccount"]:not(:empty) {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid rgba(15, 23, 42, .18) !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .12) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body.retro-forum .post-reactions .comment-btn span[id^="ccount"]:empty,
  body.retro-forum .post-face-front .comment-btn span[id^="ccount"]:empty {
    display: none !important;
  }

  body.retro-forum .post-face-back .comments-post-preview {
    min-height: 64px !important;
    max-height: 82px !important;
    padding: 10px 12px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: hidden !important;
    background: #202735 !important;
  }

  body.retro-forum .post-face-back .cpp-avatar {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
  }

  body.retro-forum .post-face-back .cpp-body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.retro-forum .post-face-back .cpp-username,
  body.retro-forum .post-face-back .cpp-text,
  body.retro-forum .post-face-back .cpp-media {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.retro-forum .post-face-back .comments-back-close {
    flex: 0 0 auto !important;
    height: 34px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 11px !important;
    font-size: 12px !important;
  }

  body.retro-forum .post-card.is-flipped {
    min-height: 0 !important;
    border-color: transparent !important;
  }

  body.retro-forum .post-card.is-flipped::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 8990 !important;
    background: rgba(5, 8, 14, .72) !important;
    backdrop-filter: blur(8px) !important;
  }

  body.retro-forum .post-card.is-flipped .post-face-front {
    display: flex !important;
  }

  body.retro-forum .post-card.is-flipped .post-face-back {
    position: fixed !important;
    top: 76px !important;
    right: 12px !important;
    bottom: 82px !important;
    left: 12px !important;
    z-index: 9000 !important;
    width: auto !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(143, 199, 255, .36) !important;
    background: #111722 !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .58) !important;
  }

  body.retro-forum .post-card.is-flipped .comments-post-preview,
  body.retro-forum .post-card.is-flipped .comments-back-header,
  body.retro-forum .post-card.is-flipped .comment-input-area,
  body.retro-forum .post-card.is-flipped .comment-guest-note {
    flex: 0 0 auto !important;
  }

  body.retro-forum .post-card.is-flipped .comments-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-area,
  body.retro-forum .post-card.is-flipped .comment-guest-note {
    position: static !important;
    border-top: 1px solid rgba(143, 199, 255, .18) !important;
    background: #242b38 !important;
  }
}

/* TRUE FINAL - Messenger mobile fixed panel + internal contacts scroll. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.chat-open #chat-col,
  body.retro-forum.messenger-open .chat-col,
  body.retro-forum.chat-open .chat-col {
    overflow: hidden !important;
  }

  body.retro-forum.messenger-open #msn-panel,
  body.retro-forum.chat-open #msn-panel {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    -webkit-overflow-scrolling: auto !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self,
  body.retro-forum.chat-open #msn-panel .msn-self,
  body.retro-forum.messenger-open #msn-panel .msn-search-row,
  body.retro-forum.chat-open #msn-panel .msn-search-row,
  body.retro-forum.messenger-open #msn-panel .msn-section-title,
  body.retro-forum.chat-open #msn-panel .msn-section-title,
  body.retro-forum.messenger-open #msn-panel #msn-folder-list,
  body.retro-forum.chat-open #msn-panel #msn-folder-list {
    flex: 0 0 auto !important;
  }

  body.retro-forum.messenger-open #msn-panel #msn-folder-list,
  body.retro-forum.chat-open #msn-panel #msn-folder-list {
    max-height: min(22dvh, 170px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.retro-forum.messenger-open #msn-panel #msn-contact-list,
  body.retro-forum.chat-open #msn-panel #msn-contact-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding-right: 4px !important;
    padding-bottom: 18px !important;
    scrollbar-gutter: stable !important;
  }

  body.retro-forum.messenger-open #msn-contact-list .msn-friends-panel,
  body.retro-forum.chat-open #msn-contact-list .msn-friends-panel {
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
}

/* TRUE FINAL - Mobile conversation takes the full Messenger panel. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell {
    display: flex !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: 100% !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #11131b !important;
    z-index: 1 !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-pages,
  body.retro-forum.messenger-chat-active .msn-chat-page.active {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  body.retro-forum.messenger-chat-active .msn-chat-peer {
    flex: 0 0 auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body.retro-forum.messenger-chat-active .msn-dm-messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-compose {
    flex: 0 0 auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

/* TRUE FINAL - Mobile Messenger friends toolbar stays fixed while contacts scroll. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum.messenger-open #msn-contact-list .msn-friends-toolbar,
  body.retro-forum.chat-open #msn-contact-list .msn-friends-toolbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 8 !important;
    margin: 0 !important;
    background: #1d1f28 !important;
    border: 1px solid rgba(195, 192, 255, .26) !important;
    box-shadow: 0 10px 18px rgba(12, 14, 22, .45) !important;
  }

  body.retro-forum.messenger-open #msn-contact-list .msn-friends-meta,
  body.retro-forum.chat-open #msn-contact-list .msn-friends-meta {
    position: static !important;
    z-index: auto !important;
    margin: 0 auto 0 8px !important;
    padding: 0 !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }

  body.retro-forum.messenger-open #msn-contact-list .msn-friends-meta span,
  body.retro-forum.chat-open #msn-contact-list .msn-friends-meta span {
    min-width: 0 !important;
    min-height: 22px !important;
    height: 22px !important;
    padding: 0 7px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  body.retro-forum.messenger-open #msn-contact-list .msn-friend-folder,
  body.retro-forum.chat-open #msn-contact-list .msn-friend-folder {
    scroll-margin-top: 64px !important;
  }
}

/* TRUE FINAL - Messenger presence picker with colored status dots. */
body.retro-forum #msn-panel .msn-self-copy::after {
  display: none !important;
  content: none !important;
}

body.retro-forum #msn-panel .msn-status-picker {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 3px !important;
  z-index: 10 !important;
}

body.retro-forum #msn-panel .msn-status-picker .msn-self-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-width: 1px !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.retro-forum #msn-panel .msn-status-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 30px !important;
  max-width: 190px !important;
  padding: 4px 9px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #4edea3 !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body.retro-forum #msn-panel .msn-status-toggle:hover,
body.retro-forum #msn-panel .msn-status-picker.open .msn-status-toggle {
  background: rgba(195, 192, 255, .08) !important;
  border-color: rgba(195, 192, 255, .24) !important;
}

body.retro-forum #msn-panel .msn-status-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.retro-forum #msn-panel .msn-status-arrow {
  color: currentColor !important;
  font-size: 12px !important;
  line-height: 1 !important;
  opacity: .9 !important;
  transform: translateY(-1px) !important;
}

body.retro-forum #msn-panel .msn-self-status-dot,
body.retro-forum #msn-panel .msn-status-option-dot {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  border-radius: 999px !important;
  background: #4edea3 !important;
  box-shadow: 0 0 0 3px rgba(78, 222, 163, .16) !important;
}

body.retro-forum #msn-panel .msn-self-status-dot[data-status="busy"],
body.retro-forum #msn-panel .msn-status-option-dot[data-status="busy"] {
  background: #ffb2b7 !important;
  box-shadow: 0 0 0 3px rgba(255, 178, 183, .16) !important;
}

body.retro-forum #msn-panel .msn-self-status-dot[data-status="invisible"],
body.retro-forum #msn-panel .msn-status-option-dot[data-status="invisible"] {
  background: #918fa1 !important;
  box-shadow: 0 0 0 3px rgba(145, 143, 161, .16) !important;
}

body.retro-forum #msn-panel .msn-self-status-dot[data-status="unavailable"],
body.retro-forum #msn-panel .msn-status-option-dot[data-status="unavailable"] {
  background: #ffd166 !important;
  box-shadow: 0 0 0 3px rgba(255, 209, 102, .16) !important;
}

body.retro-forum #msn-panel .msn-status-picker[data-status="busy"] .msn-status-toggle {
  color: #ffb2b7 !important;
}

body.retro-forum #msn-panel .msn-status-picker[data-status="invisible"] .msn-status-toggle {
  color: #c7c4d8 !important;
}

body.retro-forum #msn-panel .msn-status-picker[data-status="unavailable"] .msn-status-toggle {
  color: #ffd166 !important;
}

body.retro-forum #msn-panel .msn-status-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: 214px !important;
  padding: 6px !important;
  border: 1px solid rgba(195, 192, 255, .28) !important;
  border-radius: 12px !important;
  background: #1d1f28 !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .42) !important;
  display: none !important;
  z-index: 80 !important;
}

body.retro-forum #msn-panel .msn-status-picker.open .msn-status-menu {
  display: grid !important;
  gap: 4px !important;
}

body.retro-forum #msn-panel .msn-status-option {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #e1e1ed !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left !important;
}

body.retro-forum #msn-panel .msn-status-option:hover,
body.retro-forum #msn-panel .msn-status-option.active {
  background: rgba(195, 192, 255, .1) !important;
}

@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum #msn-panel .msn-status-picker {
    margin-top: 2px !important;
  }

  body.retro-forum #msn-panel .msn-status-toggle {
    max-width: 168px !important;
    min-height: 28px !important;
    padding: 3px 8px !important;
    font-size: 13px !important;
  }

  body.retro-forum #msn-panel .msn-status-menu {
    width: min(214px, calc(100vw - 120px)) !important;
  }
}

/* TRUE FINAL - Center the online chip inside the mobile friends toolbar. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum.messenger-open #msn-contact-list .msn-friends-toolbar .msn-friends-meta,
  body.retro-forum.chat-open #msn-contact-list .msn-friends-toolbar .msn-friends-meta {
    flex: 0 0 auto !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    min-width: 58px !important;
    text-align: center !important;
  }

  body.retro-forum.messenger-open #msn-contact-list .msn-friends-toolbar .msn-friends-meta span,
  body.retro-forum.chat-open #msn-contact-list .msn-friends-toolbar .msn-friends-meta span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-width: 56px !important;
    padding: 0 8px !important;
  }
}

/* TRUE FINAL - Reaction icons stay gray until selected, then use their own color. */
body.retro-forum .post-reactions .react-btn,
body.retro-forum .post-face-front .react-btn {
  color: #7f8797 !important;
  background: rgba(226, 233, 244, .08) !important;
  border-color: rgba(195, 192, 255, .18) !important;
}

body.retro-forum .post-reactions .react-btn .react-icon,
body.retro-forum .post-face-front .react-btn .react-icon,
body.retro-forum .post-reactions .react-btn .react-icon svg,
body.retro-forum .post-face-front .react-btn .react-icon svg {
  color: currentColor !important;
  stroke: currentColor !important;
  fill: currentColor !important;
}

body.retro-forum .post-reactions .heart-btn.active,
body.retro-forum .post-face-front .heart-btn.active {
  color: #ff5f93 !important;
  background: rgba(255, 95, 147, .16) !important;
  border-color: rgba(255, 95, 147, .48) !important;
  box-shadow: 0 0 0 1px rgba(255, 95, 147, .14), 0 8px 18px rgba(255, 95, 147, .16) !important;
}

body.retro-forum .post-reactions .like-btn.active,
body.retro-forum .post-face-front .like-btn.active {
  color: #4edea3 !important;
  background: rgba(78, 222, 163, .16) !important;
  border-color: rgba(78, 222, 163, .48) !important;
  box-shadow: 0 0 0 1px rgba(78, 222, 163, .14), 0 8px 18px rgba(78, 222, 163, .14) !important;
}

body.retro-forum .post-reactions .dislike-btn.active,
body.retro-forum .post-face-front .dislike-btn.active {
  color: #ff6b7a !important;
  background: rgba(255, 107, 122, .15) !important;
  border-color: rgba(255, 107, 122, .48) !important;
  box-shadow: 0 0 0 1px rgba(255, 107, 122, .14), 0 8px 18px rgba(255, 107, 122, .14) !important;
}

body.retro-forum .post-reactions .react-btn:not(.active):hover,
body.retro-forum .post-face-front .react-btn:not(.active):hover {
  color: #c7c4d8 !important;
  background: rgba(195, 192, 255, .1) !important;
  border-color: rgba(195, 192, 255, .3) !important;
}

body.retro-forum .post-reactions .react-btn.active .react-count,
body.retro-forum .post-face-front .react-btn.active .react-count {
  background: #e2dfff !important;
  border-color: rgba(195, 192, 255, .55) !important;
  color: #1d00a5 !important;
}

/* Reaction users modal opened from right-click on a reaction icon. */
body.retro-forum .post-reaction-users-wrap {
  max-width: 520px !important;
  width: min(520px, calc(100vw - 28px)) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #1d1f28 !important;
  border: 1px solid rgba(195, 192, 255, .22) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .55) !important;
}

body.retro-forum .post-reaction-users-modal {
  color: #e1e1ed;
  background:
    radial-gradient(circle at 12% 0%, rgba(79, 70, 229, .22), transparent 34%),
    linear-gradient(180deg, #1d1f28 0%, #191b23 100%);
}

body.retro-forum .post-reaction-users-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(195, 192, 255, .14);
}

body.retro-forum .post-reaction-users-kicker {
  display: block;
  margin-bottom: 6px;
  color: #4edea3;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body.retro-forum .post-reaction-users-head h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #f0f1ff;
  font-size: 1.05rem;
  line-height: 1.2;
}

body.retro-forum .post-reaction-users-title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: rgba(195, 192, 255, .12);
  color: #c3c0ff;
}

body.retro-forum .post-reaction-users-title-icon.corazon { color: #ff5f93; }
body.retro-forum .post-reaction-users-title-icon.like { color: #4edea3; }
body.retro-forum .post-reaction-users-title-icon.dislike { color: #ff6b7a; }

body.retro-forum .post-reaction-users-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(195, 192, 255, .18);
  border-radius: 10px;
  background: rgba(12, 14, 22, .62);
  color: #c7c4d8;
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
}

body.retro-forum .post-reaction-users-list {
  max-height: min(58vh, 520px);
  overflow-y: auto;
  padding: 10px;
}

body.retro-forum .post-reaction-users-loading,
body.retro-forum .post-reaction-users-empty {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 150px;
  padding: 24px;
  text-align: center;
  color: #c7c4d8;
}

body.retro-forum .post-reaction-users-empty strong {
  color: #f0f1ff;
  font-size: 1rem;
}

body.retro-forum .post-reaction-users-empty small {
  max-width: 290px;
  color: rgba(199, 196, 216, .72);
}

body.retro-forum .post-reaction-users-empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(195, 192, 255, .1);
  color: #c3c0ff;
  font-size: 1.4rem;
}

body.retro-forum .post-reaction-user {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: #e1e1ed;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

body.retro-forum .post-reaction-user:hover {
  border-color: rgba(195, 192, 255, .18);
  background: rgba(195, 192, 255, .08);
  transform: translateY(-1px);
}

body.retro-forum .post-reaction-user img {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  object-fit: cover;
  border: 1px solid rgba(195, 192, 255, .25);
  border-radius: 12px;
  background: #0c0e16;
}

body.retro-forum .post-reaction-user-main {
  display: grid;
  min-width: 0;
  flex: 1;
  gap: 2px;
}

body.retro-forum .post-reaction-user-main strong,
body.retro-forum .post-reaction-user-main small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.retro-forum .post-reaction-user-main strong {
  color: #f4f5ff;
  font-size: .95rem;
}

body.retro-forum .post-reaction-user-main small {
  color: rgba(199, 196, 216, .66);
  font-size: .78rem;
}

body.retro-forum .post-reaction-user-kind {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(195, 192, 255, .1);
  color: #c3c0ff;
  font-size: .72rem;
  font-weight: 800;
}

body.retro-forum .post-reaction-user-kind.corazon {
  background: rgba(255, 95, 147, .15);
  color: #ff8caf;
}

body.retro-forum .post-reaction-user-kind.like {
  background: rgba(78, 222, 163, .14);
  color: #6ffbbe;
}

body.retro-forum .post-reaction-user-kind.dislike {
  background: rgba(255, 107, 122, .14);
  color: #ff95a0;
}

body.retro-forum .post-reaction-user-icon svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  stroke: currentColor;
}

@media (max-width: 560px) {
  body.retro-forum .post-reaction-users-head {
    padding: 16px;
  }

  body.retro-forum .post-reaction-users-list {
    max-height: 68vh;
  }

  body.retro-forum .post-reaction-user {
    gap: 10px;
    padding: 10px;
  }

  body.retro-forum .post-reaction-user-kind span:last-child {
    display: none;
  }
}

/* TRUE FINAL - Mobile posts use the full page width with only a small safety gutter. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum .main-col,
  body.retro-forum #main-col {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.retro-forum #page-wall,
  body.retro-forum #page-user-wall,
  body.retro-forum #posts-list,
  body.retro-forum #user-wall-posts {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.retro-forum #posts-list .post-card,
  body.retro-forum #user-wall-posts .post-card,
  body.retro-forum #page-wall .post-card,
  body.retro-forum #page-user-wall .post-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.retro-forum #posts-list .post-face-front,
  body.retro-forum #user-wall-posts .post-face-front,
  body.retro-forum #page-wall .post-face-front,
  body.retro-forum #page-user-wall .post-face-front {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.retro-forum #posts-list .post-media,
  body.retro-forum #posts-list .post-img,
  body.retro-forum #posts-list .post-video,
  body.retro-forum #user-wall-posts .post-media,
  body.retro-forum #user-wall-posts .post-img,
  body.retro-forum #user-wall-posts .post-video,
  body.retro-forum #page-wall .instagram-embed-wrap,
  body.retro-forum #page-wall .instagram-media,
  body.retro-forum #page-user-wall .instagram-embed-wrap,
  body.retro-forum #page-user-wall .instagram-media {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* TRUE FINAL - New Stitch layout does not use the old site footer. */
body.retro-forum #site-footer,
body.retro-forum .site-footer {
  display: none !important;
}

/* TRUE FINAL - Posts stay still on hover/touch, no card motion. */
body.retro-forum .post-card,
body.retro-forum .post-card:hover,
body.retro-forum .post-card:active,
body.retro-forum .post-card:focus-within,
body.retro-forum .post-card.fm-pressing,
body.retro-forum .post-card:hover .post-face-front,
body.retro-forum .post-card:active .post-face-front,
body.retro-forum .post-card.fm-pressing .post-face-front,
body.retro-forum .post-face-front,
body.retro-forum .post-face-front:hover,
body.retro-forum .post-face-front:active,
body.retro-forum .post-face-front:focus-within {
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

body.retro-forum .post-card:hover,
body.retro-forum .post-card:active,
body.retro-forum .post-card.fm-pressing {
  border-color: var(--fm-border) !important;
  box-shadow: none !important;
}

body.retro-forum .post-card::before,
body.retro-forum .post-card:hover::before,
body.retro-forum .post-card:active::before,
body.retro-forum .post-card.fm-pressing::before {
  opacity: 0 !important;
  display: none !important;
}

body.retro-forum .post-card:hover .post-body img,
body.retro-forum .post-card:hover [id^="post-body-"] img,
body.retro-forum .post-card:active .post-body img,
body.retro-forum .post-card:active [id^="post-body-"] img {
  filter: none !important;
}

/* TRUE FINAL - Mobile posts reach the page edges. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  html body.retro-forum {
    overflow-x: hidden !important;
  }

  body.retro-forum .main-col,
  body.retro-forum #main-col {
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  body.retro-forum #page-wall,
  body.retro-forum #page-user-wall,
  body.retro-forum #posts-list,
  body.retro-forum #user-wall-posts {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.retro-forum #page-wall .feed-header,
  body.retro-forum #page-user-wall .feed-header {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  body.retro-forum #posts-list .post-card,
  body.retro-forum #user-wall-posts .post-card,
  body.retro-forum #page-wall .post-card,
  body.retro-forum #page-user-wall .post-card {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  body.retro-forum #posts-list .post-face-front,
  body.retro-forum #user-wall-posts .post-face-front,
  body.retro-forum #page-wall .post-face-front,
  body.retro-forum #page-user-wall .post-face-front {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  body.retro-forum #posts-list [id^="post-body-"],
  body.retro-forum #user-wall-posts [id^="post-body-"],
  body.retro-forum #page-wall [id^="post-body-"],
  body.retro-forum #page-user-wall [id^="post-body-"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.retro-forum #posts-list [id^="post-body-"] > img,
  body.retro-forum #posts-list [id^="post-body-"] > video,
  body.retro-forum #posts-list [id^="post-body-"] > .post-media,
  body.retro-forum #posts-list [id^="post-body-"] > .custom-video-wrap,
  body.retro-forum #posts-list [id^="post-body-"] > .instagram-embed-wrap,
  body.retro-forum #page-wall [id^="post-body-"] > img,
  body.retro-forum #page-wall [id^="post-body-"] > video,
  body.retro-forum #page-wall [id^="post-body-"] > .post-media,
  body.retro-forum #page-wall [id^="post-body-"] > .custom-video-wrap,
  body.retro-forum #page-wall [id^="post-body-"] > .instagram-embed-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* TRUE FINAL - Hide old footer even if another stylesheet tries to restore it. */
html body.retro-forum footer#site-footer.site-footer,
html body footer#site-footer.site-footer,
html body.retro-forum #site-footer,
html body #site-footer {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* TRUE FINAL - Mobile wall must scroll as one continuous page, without bottom cut. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  html:has(body.retro-forum),
  html body.retro-forum {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.retro-forum .app-layout {
    height: auto !important;
    min-height: calc(100dvh - var(--fm-header)) !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  body.retro-forum .main-col,
  body.retro-forum #main-col {
    height: auto !important;
    min-height: calc(100dvh - var(--fm-header)) !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 18px !important;
    overscroll-behavior-y: auto !important;
  }

  body.retro-forum #page-wall,
  body.retro-forum #page-user-wall,
  body.retro-forum #posts-list,
  body.retro-forum #user-wall-posts {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  body.retro-forum #posts-list .post-card:last-child,
  body.retro-forum #user-wall-posts .post-card:last-child {
    margin-bottom: 18px !important;
  }

  body.retro-forum.messenger-open,
  body.retro-forum.messenger-open .app-layout,
  body.retro-forum.chat-open,
  body.retro-forum.chat-open .app-layout {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }
}

/* TRUE FINAL - Mobile drawer keeps the old title hidden. */
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__head {
  display: none !important;
}

/* TRUE FINAL - Mobile drawer shows session actions again. */
body.retro-forum #mobile-hud-drawer #mobile-hud-drawer-auth {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding: 14px 0 calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid rgba(70, 69, 85, .46) !important;
}

body.retro-forum #mobile-hud-drawer #mobile-hud-drawer-auth:empty {
  display: none !important;
}

body.retro-forum #mobile-hud-drawer #mobile-hud-drawer-auth .mobile-hud-drawer__action {
  min-height: 58px !important;
  color: #e1e1ed !important;
}

body.retro-forum #mobile-hud-drawer #mobile-hud-drawer-auth .mobile-hud-drawer__action[data-hud-action="logout"] {
  color: #ffb4ab !important;
}

body.retro-forum #mobile-hud-drawer #mobile-hud-drawer-auth .mobile-hud-drawer__action[data-hud-action="login"],
body.retro-forum #mobile-hud-drawer #mobile-hud-drawer-auth .mobile-hud-drawer__action[data-hud-action="register"] {
  color: #c3c0ff !important;
}

/* TRUE FINAL - Mobile composer bar fits in one clean row. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  body.retro-forum #page-wall .feed-header,
  body.retro-forum #page-user-wall .feed-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    min-height: 64px !important;
    height: auto !important;
    margin: 0 8px 20px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.retro-forum #page-wall .feed-header-left,
  body.retro-forum #page-user-wall .feed-header-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.retro-forum #page-wall .feed-header-left::before,
  body.retro-forum #page-user-wall .feed-header-left::before {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex: 0 0 38px !important;
    font-size: 20px !important;
  }

  body.retro-forum #page-wall .feed-header .panel-title,
  body.retro-forum #page-user-wall .feed-header .panel-title {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.retro-forum #page-wall .feed-header .panel-title::after,
  body.retro-forum #page-user-wall .feed-header .panel-title::after {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: clamp(13px, 3.4vw, 16px) !important;
    line-height: 1.05 !important;
  }

  body.retro-forum #page-wall .feed-header-right,
  body.retro-forum #page-user-wall .feed-header-right {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  body.retro-forum #page-wall #btn-nuevo-post,
  body.retro-forum #page-wall #btn-guest-post,
  body.retro-forum #page-user-wall #btn-nuevo-post,
  body.retro-forum #page-user-wall #btn-guest-post {
    width: clamp(112px, 28vw, 128px) !important;
    min-width: 0 !important;
    max-width: 32vw !important;
    height: 42px !important;
    padding: 0 10px !important;
    font-size: clamp(11px, 2.7vw, 13px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 430px) {
  body.retro-forum #page-wall .feed-header,
  body.retro-forum #page-user-wall .feed-header {
    gap: 6px !important;
    padding: 9px 10px !important;
  }

  body.retro-forum #page-wall .feed-header-left,
  body.retro-forum #page-user-wall .feed-header-left {
    gap: 7px !important;
  }

  body.retro-forum #page-wall .feed-header-left::before,
  body.retro-forum #page-user-wall .feed-header-left::before {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex-basis: 34px !important;
    font-size: 18px !important;
  }

  body.retro-forum #page-wall #btn-nuevo-post,
  body.retro-forum #page-wall #btn-guest-post,
  body.retro-forum #page-user-wall #btn-nuevo-post,
  body.retro-forum #page-user-wall #btn-guest-post {
    width: 108px !important;
    max-width: 108px !important;
    height: 40px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 360px) {
  body.retro-forum #page-wall .feed-header .panel-title::after,
  body.retro-forum #page-user-wall .feed-header .panel-title::after {
    font-size: 12px !important;
  }

  body.retro-forum #page-wall #btn-nuevo-post,
  body.retro-forum #page-wall #btn-guest-post,
  body.retro-forum #page-user-wall #btn-nuevo-post,
  body.retro-forum #page-user-wall #btn-guest-post {
    width: 96px !important;
    max-width: 96px !important;
  }
}

/* TRUE FINAL - Mobile wall scroll stays on the page, not trapped by #app. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  html:has(body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open)),
  html:has(body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open)) body,
  html body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) {
    position: static !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) #app,
  body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) .app-layout,
  body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) .main-col,
  body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) #main-col {
    position: relative !important;
    height: auto !important;
    min-height: calc(100dvh - var(--fm-header)) !important;
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) #page-wall,
  body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) #page-user-wall,
  body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) #posts-list,
  body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) #user-wall-posts {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) #posts-list::after,
  body.retro-forum:not(.messenger-open):not(.chat-open):not(.mobile-drawer-open) #user-wall-posts::after {
    content: "" !important;
    display: block !important;
    height: max(22px, env(safe-area-inset-bottom, 0px)) !important;
    flex: 0 0 auto !important;
  }
}

/* TRUE FINAL - Desktop reactions match the mobile control language. */
@media (min-width: 641px) {
  body.retro-forum .post-face-front .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions {
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 9px 14px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: visible !important;
    border: 0 !important;
    border-top: 1px solid rgba(126, 166, 226, .38) !important;
    background: #edf5ff !important;
    color: #10172a !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-sep,
  body.retro-forum div[id^="reactions-"].post-reactions .react-sep {
    display: none !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-btn,
  body.retro-forum .post-face-front .post-reactions .share-btn,
  body.retro-forum .post-face-front .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn {
    position: relative !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(96, 137, 203, .38) !important;
    background: #d9eaff !important;
    color: #6b778a !important;
    opacity: 1 !important;
    box-shadow: none !important;
    overflow: visible !important;
    transition: background-color .14s ease, border-color .14s ease, color .14s ease !important;
  }

  body.retro-forum .post-face-front .post-reactions .comment-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn {
    position: relative !important;
    flex: 1 1 160px !important;
    width: auto !important;
    min-width: 148px !important;
    max-width: 240px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(96, 137, 203, .48) !important;
    background: linear-gradient(135deg, #d4d1ff 0%, #9bd2ff 100%) !important;
    color: #10172a !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.retro-forum .post-face-front .post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn {
    margin-left: auto !important;
    color: #0f8d98 !important;
  }

  body.retro-forum .post-face-front .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn {
    color: #ff7d87 !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front .post-reactions .share-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span,
  body.retro-forum .post-face-front .post-reactions .report-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span {
    display: none !important;
  }

  body.retro-forum .post-face-front .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]) {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    color: #10172a !important;
    white-space: nowrap !important;
    opacity: 1 !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-icon,
  body.retro-forum .post-face-front .post-reactions .comment-btn-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon {
    width: 23px !important;
    min-width: 23px !important;
    height: 23px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentColor !important;
    font-size: 19px !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-icon svg,
  body.retro-forum .post-face-front .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front .post-reactions .share-btn svg,
  body.retro-forum .post-face-front .post-reactions .report-btn svg,
  body.retro-forum div[id^="reactions-"].post-reactions .react-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn svg,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn svg {
    width: 22px !important;
    height: 22px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.retro-forum .post-face-front .post-reactions .heart-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn.active {
    background: #ffe1ec !important;
    border-color: #ff9abd !important;
    color: #f15f8b !important;
  }

  body.retro-forum .post-face-front .post-reactions .like-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn.active {
    background: #d7f8ea !important;
    border-color: #7fe0ba !important;
    color: #14a873 !important;
  }

  body.retro-forum .post-face-front .post-reactions .dislike-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn.active {
    background: #ffe1e1 !important;
    border-color: #ff9e9e !important;
    color: #e24b4b !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-count,
  body.retro-forum .post-face-front .post-reactions .comment-btn span[id^="ccount"]:not(:empty),
  body.retro-forum div[id^="reactions-"].post-reactions .react-count,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]:not(:empty) {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(15, 23, 42, .16) !important;
    background: #ffffff !important;
    color: #10172a !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .13) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body.retro-forum .post-face-front .post-reactions .comment-btn span[id^="ccount"]:empty,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]:empty {
    display: none !important;
  }
}

/* TRUE FINAL - Desktop messenger right rail alignment. */
@media (min-width: 1025px) {
  body.retro-forum .chat-col,
  body.retro-forum #chat-col {
    width: var(--fm-right) !important;
    max-width: var(--fm-right) !important;
    padding: 18px 14px !important;
    overflow-x: hidden !important;
  }

  body.retro-forum #msn-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    gap: 14px !important;
    overflow-x: hidden !important;
  }

  body.retro-forum #msn-panel .msn-self {
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) max-content !important;
    grid-template-areas: "avatar copy edit" !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 80px !important;
    padding: 12px !important;
    overflow: hidden !important;
  }

  body.retro-forum #msn-panel .msn-mobile-close {
    display: none !important;
  }

  body.retro-forum #msn-panel .msn-self-avatar {
    grid-area: avatar !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
  }

  body.retro-forum #msn-panel .msn-self-copy,
  body.retro-forum #msn-panel .msn-self-info,
  body.retro-forum #msn-panel .msn-self-main,
  body.retro-forum #msn-panel .msn-self-meta {
    grid-area: copy !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.retro-forum #msn-panel .msn-self-name {
    max-width: 100% !important;
    font-size: 17px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.retro-forum #msn-panel .msn-status-picker,
  body.retro-forum #msn-panel .msn-status-toggle {
    max-width: 142px !important;
  }

  body.retro-forum #msn-panel .msn-edit-profile,
  body.retro-forum #msn-panel a[href*="perfil"],
  body.retro-forum #msn-panel .btn-edit-profile {
    grid-area: edit !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 104px !important;
    max-width: 112px !important;
    height: 40px !important;
    padding: 0 12px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 12px !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-toolbar {
    display: grid !important;
    grid-template-columns: minmax(92px, max-content) max-content minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 9px 10px !important;
    overflow: hidden !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-title {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-title > span:not(.msn-folder-icon) {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-title b {
    flex: 0 0 auto !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-meta {
    min-width: 66px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-meta span {
    min-width: 66px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.retro-forum #msn-contact-list .msn-folder-actions,
  body.retro-forum #msn-contact-list .msn-folder-icon-actions {
    justify-self: end !important;
    margin-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  body.retro-forum #msn-contact-list .msn-folder-icon-actions button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  body.retro-forum #msn-contact-list #msn-requests-count[hidden],
  body.retro-forum #msn-contact-list #msn-requests-count:empty {
    display: none !important;
  }
}

/* TRUE FINAL - Desktop header actions stay on the same visual baseline. */
@media (min-width: 761px){
  body.retro-forum .navbar.navbar--minimal #fm-top-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:18px !important;
    height:var(--fm-header) !important;
    min-height:var(--fm-header) !important;
  }

  body.retro-forum .navbar.navbar--minimal #notif-bell-wrap{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 24px !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:auto !important;
  }

  body.retro-forum .navbar.navbar--minimal #notif-bell-btn,
  body.retro-forum .navbar.navbar--minimal #fm-top-mail,
  body.retro-forum .navbar.navbar--minimal #fm-top-settings,
  body.retro-forum .navbar.navbar--minimal .fm-top-action{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 24px !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    max-width:24px !important;
    max-height:24px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:6px !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--fm-muted) !important;
    line-height:1 !important;
    vertical-align:middle !important;
  }

  body.retro-forum .navbar.navbar--minimal #notif-bell-btn.active{
    animation:none !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.retro-forum .navbar.navbar--minimal #notif-bell-btn:hover,
  body.retro-forum .navbar.navbar--minimal #fm-top-mail:hover,
  body.retro-forum .navbar.navbar--minimal #fm-top-settings:hover,
  body.retro-forum .navbar.navbar--minimal .fm-top-action:hover{
    transform:none !important;
    color:var(--fm-primary) !important;
    background:transparent !important;
  }

  body.retro-forum .navbar.navbar--minimal #notif-bell-btn > span:not(#notif-count-badge){
    display:none !important;
  }

  body.retro-forum .navbar.navbar--minimal #notif-bell-btn svg,
  body.retro-forum .navbar.navbar--minimal #fm-top-mail svg,
  body.retro-forum .navbar.navbar--minimal #fm-top-settings svg,
  body.retro-forum .navbar.navbar--minimal .fm-top-action svg{
    display:block !important;
    flex:0 0 22px !important;
    width:22px !important;
    height:22px !important;
    margin:0 !important;
    transform:none !important;
  }

  body.retro-forum .navbar.navbar--minimal #notif-count-badge{
    position:absolute !important;
    top:-8px !important;
    right:-8px !important;
    transform:none !important;
    margin:0 !important;
    z-index:3 !important;
  }
}

/* TRUE FINAL - Header and top actions never hide while scrolling. */
body.retro-forum .navbar.navbar--minimal,
body.retro-forum.messenger-open .navbar.navbar--minimal,
body.retro-forum.chat-open .navbar.navbar--minimal,
body.retro-forum.mobile-drawer-open .navbar.navbar--minimal{
  position:fixed !important;
  inset:0 0 auto 0 !important;
  z-index:1900 !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

body.retro-forum .navbar.navbar--minimal #fm-top-actions,
body.retro-forum .navbar.navbar--minimal #notif-bell-wrap,
body.retro-forum .navbar.navbar--minimal #notif-bell-btn,
body.retro-forum .navbar.navbar--minimal #fm-top-mail,
body.retro-forum .navbar.navbar--minimal #fm-top-settings{
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
}

body.retro-forum.messenger-open .navbar.navbar--minimal #notif-bell-wrap,
body.retro-forum.chat-open .navbar.navbar--minimal #notif-bell-wrap,
body.retro-forum.mobile-drawer-open .navbar.navbar--minimal #notif-bell-wrap{
  pointer-events:auto !important;
  z-index:auto !important;
}

/* TRUE FINAL - Messenger self header keeps the full username and uses a compact profile menu. */
body.retro-forum #msn-panel .msn-edit-profile{
  display:inline-grid !important;
  place-items:center !important;
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border-radius:10px !important;
  font-size:0 !important;
  line-height:1 !important;
  overflow:hidden !important;
}

body.retro-forum #msn-panel .msn-edit-profile-text{
  display:none !important;
}

body.retro-forum #msn-panel .msn-edit-profile-dots{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:currentColor !important;
  -webkit-text-fill-color:currentColor !important;
  font:950 20px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:2px !important;
  transform:translateY(-2px) !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-self-name{
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-status-picker{
  min-width:0 !important;
  max-width:max-content !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-status-toggle{
  width:auto !important;
  max-width:max-content !important;
}

@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px){
  body.retro-forum.messenger-open #msn-panel .msn-self,
  body.retro-forum.chat-open #msn-panel .msn-self{
    grid-template-columns:42px 44px minmax(0, 1fr) 36px !important;
    grid-template-areas:"back avatar copy edit" !important;
    gap:8px !important;
    padding:10px !important;
    min-height:70px !important;
    overflow:visible !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-copy,
  body.retro-forum.chat-open #msn-panel .msn-self-copy{
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-topline,
  body.retro-forum.chat-open #msn-panel .msn-self-topline{
    display:grid !important;
    grid-template-columns:minmax(max-content, auto) auto !important;
    align-items:center !important;
    justify-content:start !important;
    column-gap:7px !important;
    row-gap:2px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-topline .msn-self-name,
  body.retro-forum.chat-open #msn-panel .msn-self-topline .msn-self-name{
    min-width:max-content !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    font-size:clamp(13px, 3.55vw, 15px) !important;
    line-height:1.05 !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-status-picker,
  body.retro-forum.chat-open #msn-panel .msn-status-picker{
    min-width:0 !important;
    max-width:max-content !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-status-toggle,
  body.retro-forum.chat-open #msn-panel .msn-status-toggle{
    width:auto !important;
    min-width:0 !important;
    max-width:max-content !important;
    height:22px !important;
    min-height:22px !important;
    padding:0 4px !important;
    gap:4px !important;
    font-size:10px !important;
    border-color:transparent !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-status-label,
  body.retro-forum.chat-open #msn-panel .msn-status-label{
    max-width:none !important;
    font-size:10px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-description,
  body.retro-forum.chat-open #msn-panel .msn-self-description{
    max-width:100% !important;
    font-size:11px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-edit-profile,
  body.retro-forum.chat-open #msn-panel .msn-edit-profile{
    grid-area:edit !important;
    justify-self:end !important;
    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    height:36px !important;
    min-height:36px !important;
  }
}

/* TRUE FINAL - Friend request counter: red with pending requests, gray on zero. */
body.retro-forum #msn-contact-list #msn-requests-btn #msn-requests-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:17px !important;
  height:17px !important;
  padding:0 5px !important;
  border-radius:999px !important;
  background:rgba(145, 143, 161, .26) !important;
  color:var(--fm-muted, #918fa1) !important;
  border:1px solid rgba(199, 196, 216, .24) !important;
  box-shadow:none !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  opacity:.95 !important;
}

body.retro-forum #msn-contact-list #msn-requests-btn.has-pending #msn-requests-count,
body.retro-forum #msn-contact-list #msn-requests-btn #msn-requests-count.has-pending{
  background:#ef3f5f !important;
  color:#fff !important;
  border-color:rgba(255, 255, 255, .42) !important;
  box-shadow:0 0 0 3px rgba(239, 63, 95, .16), 0 6px 14px rgba(239, 63, 95, .26) !important;
}

/* TRUE FINAL - Desktop messenger self card fits inside the right rail. */
@media (min-width: 1025px){
  body.retro-forum #chat-col,
  body.retro-forum .chat-col{
    box-sizing:border-box !important;
    padding-inline:14px !important;
    overflow-x:hidden !important;
  }

  body.retro-forum #msn-panel{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body.retro-forum #msn-panel .msn-self{
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:46px minmax(0, 1fr) 104px !important;
    grid-template-areas:"avatar copy edit" !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:80px !important;
    padding:12px !important;
    overflow:hidden !important;
  }

  body.retro-forum #msn-panel .msn-mobile-close{
    display:none !important;
  }

  body.retro-forum #msn-panel .msn-self-avatar{
    grid-area:avatar !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    max-width:46px !important;
  }

  body.retro-forum #msn-panel .msn-self-copy,
  body.retro-forum #msn-panel .msn-self-info,
  body.retro-forum #msn-panel .msn-self-main,
  body.retro-forum #msn-panel .msn-self-meta{
    grid-area:copy !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  body.retro-forum #msn-panel .msn-self-name{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:16px !important;
    line-height:1.1 !important;
  }

  body.retro-forum #msn-panel .msn-status-picker,
  body.retro-forum #msn-panel .msn-status-toggle{
    width:auto !important;
    max-width:124px !important;
    min-width:0 !important;
  }

  body.retro-forum #msn-panel .msn-status-label{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body.retro-forum #msn-panel .msn-edit-profile{
    grid-area:edit !important;
    justify-self:end !important;
    box-sizing:border-box !important;
    width:104px !important;
    min-width:104px !important;
    max-width:104px !important;
    height:38px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* TRUE FINAL - Keep desktop edit profile action inside the status card. */
@media (min-width: 1025px){
  body.retro-forum #msn-panel .msn-self{
    grid-template-columns:46px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar copy"
      "avatar edit" !important;
    column-gap:12px !important;
    row-gap:8px !important;
    align-items:center !important;
    padding:12px !important;
  }

  body.retro-forum #msn-panel .msn-edit-profile{
    grid-area:edit !important;
    justify-self:start !important;
    width:auto !important;
    min-width:112px !important;
    max-width:100% !important;
    height:32px !important;
    padding:0 14px !important;
    border-radius:999px !important;
  }
}

/* TRUE FINAL - Desktop status header: button never sits outside the state block. */
@media (min-width: 1025px){
  body.retro-forum #chat-col{
    --msn-profile-pad:12px;
  }

  body.retro-forum #msn-panel .msn-self{
    position:relative !important;
    display:grid !important;
    grid-template-columns:48px minmax(0, 1fr) 96px !important;
    grid-auto-rows:auto !important;
    grid-template-areas:"avatar copy edit" !important;
    padding:12px 12px 14px !important;
    padding-right:12px !important;
    gap:12px !important;
    overflow:hidden !important;
  }

  body.retro-forum #msn-panel .msn-self-copy{
    grid-area:copy !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:4px !important;
    min-width:0 !important;
    width:100% !important;
  }

  body.retro-forum #msn-panel .msn-self-name{
    grid-area:auto !important;
  }

  body.retro-forum #msn-panel #msn-self-status,
  body.retro-forum #msn-panel .msn-self-status,
  body.retro-forum #msn-panel .msn-status-picker,
  body.retro-forum #msn-panel .msn-status-toggle{
    grid-area:status !important;
    max-width:132px !important;
  }

  body.retro-forum #msn-panel .msn-edit-profile{
    grid-area:edit !important;
    align-self:center !important;
    justify-self:end !important;
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    height:34px !important;
    padding:0 10px !important;
    margin:0 !important;
    border-radius:999px !important;
    transform:none !important;
  }
}

/* TRUE FINAL - Desktop post author stays next to the avatar square. */
@media (min-width: 761px){
  body.retro-forum .post-header{
    justify-content:flex-start !important;
    padding-right:58px !important;
  }

  body.retro-forum .post-header .post-meta{
    flex:0 1 auto !important;
    width:auto !important;
    max-width:calc(100% - 80px) !important;
    margin-left:0 !important;
  }

  body.retro-forum .post-header .post-meta > .flex.ic,
  body.retro-forum .post-header .post-meta .flex.ic.g2{
    width:auto !important;
    min-height:50px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
  }

  body.retro-forum .post-header .post-username{
    min-height:0 !important;
  }

  body.retro-forum .post-header .post-follow-btn{
    margin-left:0 !important;
    flex:0 0 auto !important;
  }
}

/* TRUE FINAL - Desktop comments open as a compact floating window like mobile. */
@media (min-width: 901px){
  body.retro-forum.comments-overlay-open{
    overflow:hidden !important;
  }

  body.retro-forum .post-card.is-flipped{
    min-height:0 !important;
    border-color:transparent !important;
  }

  body.retro-forum .post-card.is-flipped::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:1780 !important;
    background:rgba(5, 8, 14, .62) !important;
    backdrop-filter:blur(7px) !important;
    pointer-events:none !important;
  }

  body.retro-forum .post-card.is-flipped .post-face-front{
    display:flex !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.retro-forum .post-card.is-flipped .post-face-back{
    position:fixed !important;
    top:84px !important;
    bottom:34px !important;
    left:var(--comment-modal-left, 50%) !important;
    z-index:1790 !important;
    width:min(680px, var(--comment-modal-width, 680px), calc(100vw - 392px)) !important;
    max-width:680px !important;
    min-height:0 !important;
    height:auto !important;
    max-height:calc(100vh - 118px) !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    transform:translateX(-50%) !important;
    border-radius:18px !important;
    border:1px solid rgba(195, 192, 255, .28) !important;
    background:#11131b !important;
    box-shadow:0 28px 90px rgba(0, 0, 0, .58) !important;
    animation:none !important;
  }

  body.retro-forum:not(.messenger-open):not(.chat-open) .post-card.is-flipped .post-face-back{
    width:min(680px, var(--comment-modal-width, 680px), calc(100vw - 96px)) !important;
  }

  body.retro-forum .post-card.is-flipped .comments-post-preview{
    flex:0 0 auto !important;
    min-height:68px !important;
    max-height:78px !important;
    padding:10px 14px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    overflow:hidden !important;
    border-bottom:1px solid rgba(195, 192, 255, .16) !important;
    background:#191b23 !important;
  }

  body.retro-forum .post-card.is-flipped .comments-post-preview .cpp-avatar,
  body.retro-forum .post-card.is-flipped .comments-post-preview img.cpp-avatar{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    flex:0 0 44px !important;
    border-radius:8px !important;
    object-fit:cover !important;
  }

  body.retro-forum .post-card.is-flipped .comments-post-preview .cpp-body{
    min-width:0 !important;
    flex:1 1 auto !important;
    overflow:hidden !important;
  }

  body.retro-forum .post-card.is-flipped .comments-post-preview .cpp-username,
  body.retro-forum .post-card.is-flipped .comments-post-preview .cpp-text,
  body.retro-forum .post-card.is-flipped .comments-post-preview .cpp-media{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body.retro-forum .post-card.is-flipped .comments-back-close{
    flex:0 0 auto !important;
    height:34px !important;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
  }

  body.retro-forum .post-card.is-flipped .comments-back-header{
    flex:0 0 auto !important;
    padding:12px 16px !important;
    border-bottom:1px solid rgba(195, 192, 255, .14) !important;
    background:#1d1f28 !important;
  }

  body.retro-forum .post-card.is-flipped .comments-list{
    flex:1 1 auto !important;
    min-height:180px !important;
    height:auto !important;
    max-height:none !important;
    padding:14px 16px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    background:#11131b !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-area,
  body.retro-forum .post-card.is-flipped .comment-guest-note{
    flex:0 0 auto !important;
    position:static !important;
    padding:12px 14px 14px !important;
    border-top:1px solid rgba(195, 192, 255, .14) !important;
    background:#1d1f28 !important;
  }
}

/* TRUE FINAL - Remember session switch interaction and visible active state. */
body.retro-forum #auth-remember-row{
  cursor:pointer !important;
  user-select:none !important;
  border-radius:10px !important;
}

body.retro-forum #auth-remember-row:focus-visible{
  outline:2px solid var(--fm-primary, #c3c0ff) !important;
  outline-offset:3px !important;
}

body.retro-forum #auth-remember-row.is-active #auth-remember-toggle,
body.retro-forum #auth-remember-toggle.is-active{
  background:linear-gradient(135deg, #4edea3, #2ddf67) !important;
  border-color:rgba(111, 251, 190, .78) !important;
  box-shadow:0 0 0 3px rgba(78, 222, 163, .16), 0 8px 20px rgba(78, 222, 163, .22) !important;
}

body.retro-forum #auth-remember-row.is-active #auth-remember-knob,
body.retro-forum #auth-remember-knob.is-active{
  left:22px !important;
  background:#0c0e16 !important;
  box-shadow:0 2px 8px rgba(0, 0, 0, .35) !important;
}

body.retro-forum #auth-remember-row.is-active #auth-remember-label,
body.retro-forum #auth-remember-label.is-active{
  color:#6ffbbe !important;
}

/* TRUE FINAL - Desktop reactions use the same compact behavior as mobile. */
@media (min-width: 641px){
  body.retro-forum .post-face-front .post-reactions,
  body.retro-forum .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions{
    display:grid !important;
    grid-template-columns:42px 42px 42px minmax(132px, 1fr) 42px !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:58px !important;
    padding:10px 14px !important;
    margin:0 !important;
    overflow:visible !important;
    background:#f4f7ff !important;
    border-top:1px solid rgba(25, 34, 52, .12) !important;
    color:#172033 !important;
    box-shadow:none !important;
  }

  body.retro-forum .post-face-front .post-reactions:has(.report-btn),
  body.retro-forum .post-reactions:has(.report-btn),
  body.retro-forum div[id^="reactions-"].post-reactions:has(.report-btn){
    grid-template-columns:42px 42px 42px minmax(132px, 1fr) 42px 42px !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-sep,
  body.retro-forum .post-reactions .react-sep{
    display:none !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-btn,
  body.retro-forum .post-face-front .post-reactions .share-btn,
  body.retro-forum .post-face-front .post-reactions .report-btn,
  body.retro-forum .post-reactions .react-btn,
  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-reactions .report-btn{
    position:relative !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    border-radius:12px !important;
    background:#e5ecfa !important;
    border:1px solid #cad6eb !important;
    color:#23314c !important;
    opacity:1 !important;
    box-shadow:none !important;
    overflow:visible !important;
    transform:none !important;
  }

  body.retro-forum .post-face-front .post-reactions .comment-btn,
  body.retro-forum .post-reactions .comment-btn{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 12px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border-radius:12px !important;
    background:linear-gradient(135deg, #d4d1ff, #9bd2ff) !important;
    border:1px solid #b9cdf0 !important;
    color:#162742 !important;
    opacity:1 !important;
    font-family:Inter, system-ui, sans-serif !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    box-shadow:0 10px 20px rgba(79, 70, 229, .16) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front .post-reactions .share-btn > span,
  body.retro-forum .post-reactions .share-btn > span,
  body.retro-forum .post-face-front .post-reactions .report-btn > span,
  body.retro-forum .post-reactions .report-btn > span{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    white-space:nowrap !important;
  }

  body.retro-forum .post-face-front .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]){
    display:inline !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
    clip:auto !important;
    white-space:nowrap !important;
    color:#162742 !important;
    opacity:1 !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-icon,
  body.retro-forum .post-reactions .react-icon,
  body.retro-forum .post-face-front .post-reactions .comment-btn-icon,
  body.retro-forum .post-reactions .comment-btn-icon{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:currentColor !important;
    font-size:18px !important;
    line-height:1 !important;
    opacity:1 !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-icon svg,
  body.retro-forum .post-reactions .react-icon svg,
  body.retro-forum .post-face-front .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front .post-reactions .share-btn svg,
  body.retro-forum .post-reactions .share-btn svg,
  body.retro-forum .post-face-front .post-reactions .report-btn svg,
  body.retro-forum .post-reactions .report-btn svg{
    width:21px !important;
    height:21px !important;
    color:currentColor !important;
    stroke:currentColor !important;
    fill:currentColor !important;
    opacity:1 !important;
    filter:none !important;
  }

  body.retro-forum .post-face-front .post-reactions .heart-btn,
  body.retro-forum .post-reactions .heart-btn{
    color:#7b8799 !important;
  }

  body.retro-forum .post-face-front .post-reactions .like-btn,
  body.retro-forum .post-reactions .like-btn{
    color:#7b8799 !important;
  }

  body.retro-forum .post-face-front .post-reactions .dislike-btn,
  body.retro-forum .post-reactions .dislike-btn{
    color:#7b8799 !important;
  }

  body.retro-forum .post-face-front .post-reactions .share-btn,
  body.retro-forum .post-reactions .share-btn{
    color:#0f9aa6 !important;
  }

  body.retro-forum .post-face-front .post-reactions .report-btn,
  body.retro-forum .post-reactions .report-btn{
    color:#ef476f !important;
  }

  body.retro-forum .post-face-front .post-reactions .heart-btn.active,
  body.retro-forum .post-reactions .heart-btn.active{
    color:#ff5f93 !important;
    background:rgba(255, 95, 147, .16) !important;
    border-color:rgba(255, 95, 147, .48) !important;
  }

  body.retro-forum .post-face-front .post-reactions .like-btn.active,
  body.retro-forum .post-reactions .like-btn.active{
    color:#22b882 !important;
    background:rgba(78, 222, 163, .18) !important;
    border-color:rgba(78, 222, 163, .5) !important;
  }

  body.retro-forum .post-face-front .post-reactions .dislike-btn.active,
  body.retro-forum .post-reactions .dislike-btn.active{
    color:#f05265 !important;
    background:rgba(255, 107, 122, .16) !important;
    border-color:rgba(255, 107, 122, .48) !important;
  }

  body.retro-forum .post-face-front .post-reactions .react-count,
  body.retro-forum .post-reactions .react-count,
  body.retro-forum .post-face-front .post-reactions .comment-btn span[id^="ccount"]:not(:empty),
  body.retro-forum .post-reactions .comment-btn span[id^="ccount"]:not(:empty){
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    min-width:19px !important;
    height:19px !important;
    padding:0 5px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#0f172a !important;
    border:1px solid rgba(15, 23, 42, .18) !important;
    box-shadow:0 4px 10px rgba(15, 23, 42, .12) !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  body.retro-forum .post-face-front .post-reactions .comment-btn span[id^="ccount"]:empty,
  body.retro-forum .post-reactions .comment-btn span[id^="ccount"]:empty{
    display:none !important;
  }
}

/* TRUE FINAL - Responsive messenger rail: wider shell, smaller controls. */
@media (min-width: 1025px){
  body.retro-forum{
    --fm-right: clamp(370px, 24vw, 410px);
  }

  body.retro-forum #chat-col,
  body.retro-forum .chat-col{
    box-sizing:border-box !important;
    width:var(--fm-right) !important;
    max-width:var(--fm-right) !important;
    flex:0 0 var(--fm-right) !important;
    padding:14px 10px !important;
    overflow-x:hidden !important;
  }

  body.retro-forum #msn-panel{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    gap:12px !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }

  body.retro-forum #msn-panel .msn-self{
    display:grid !important;
    grid-template-columns:42px minmax(0, 1fr) 92px !important;
    grid-template-areas:"avatar copy edit" !important;
    align-items:center !important;
    gap:10px !important;
    min-height:70px !important;
    padding:10px !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }

  body.retro-forum #msn-panel .msn-self-avatar{
    grid-area:avatar !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    max-width:42px !important;
  }

  body.retro-forum #msn-panel .msn-self-copy{
    grid-area:copy !important;
    min-width:0 !important;
    gap:3px !important;
  }

  body.retro-forum #msn-panel .msn-self-name{
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.05 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body.retro-forum #msn-panel #msn-self-status,
  body.retro-forum #msn-panel .msn-self-status,
  body.retro-forum #msn-panel .msn-status-picker,
  body.retro-forum #msn-panel .msn-status-toggle{
    max-width:118px !important;
    min-height:24px !important;
    height:24px !important;
    padding:0 8px !important;
    font-size:12px !important;
    line-height:1 !important;
  }

  body.retro-forum #msn-panel .msn-status-label{
    max-width:86px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body.retro-forum #msn-panel .msn-edit-profile{
    grid-area:edit !important;
    justify-self:end !important;
    align-self:center !important;
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:32px !important;
    padding:0 8px !important;
    font-size:11px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.retro-forum #msn-panel .msn-search-row,
  body.retro-forum #msn-panel .msn-contact-search{
    min-height:40px !important;
    height:40px !important;
    font-size:13px !important;
  }

  body.retro-forum #msn-panel .msn-section-title{
    margin:0 !important;
    font-size:12px !important;
    line-height:1.1 !important;
    letter-spacing:.08em !important;
  }

  body.retro-forum #msn-folder-list .msn-folder-head,
  body.retro-forum #msn-contact-list .msn-folder-head{
    min-height:46px !important;
    padding:8px 10px !important;
    gap:8px !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-toolbar{
    display:grid !important;
    grid-template-columns:minmax(84px, max-content) max-content minmax(0, 1fr) max-content !important;
    align-items:center !important;
    min-height:46px !important;
    padding:8px 9px !important;
    gap:7px !important;
    overflow:hidden !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-title,
  body.retro-forum #msn-folder-list .msn-folder-title{
    min-width:0 !important;
    gap:7px !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-title b,
  body.retro-forum #msn-contact-list .msn-friends-title > span:not(.msn-folder-icon),
  body.retro-forum #msn-folder-list .msn-folder-title b,
  body.retro-forum #msn-folder-list .msn-folder-title > span:not(.msn-folder-icon){
    max-width:86px !important;
    font-size:14px !important;
    line-height:1 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-meta{
    min-width:50px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-meta span{
    min-width:50px !important;
    height:22px !important;
    min-height:22px !important;
    padding:0 7px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  body.retro-forum #msn-contact-list .msn-folder-actions,
  body.retro-forum #msn-contact-list .msn-folder-icon-actions{
    justify-self:end !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    min-width:0 !important;
  }

  body.retro-forum #msn-contact-list .msn-folder-icon,
  body.retro-forum #msn-folder-list .msn-folder-icon{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }

  body.retro-forum #msn-contact-list .msn-folder-icon-actions button,
  body.retro-forum #msn-contact-list .msn-folder-actions button,
  body.retro-forum #msn-contact-list #msn-requests-btn{
    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 !important;
  }

  body.retro-forum #msn-contact-list .msn-folder-eye{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }

  body.retro-forum #msn-contact-list .msn-folder-body,
  body.retro-forum #msn-contact-list .msn-friends-panel{
    overflow-x:hidden !important;
  }

  body.retro-forum #msn-contact-list .msn-contact-item,
  body.retro-forum #msn-contact-list .msn-folder-item{
    min-height:54px !important;
    padding:8px 9px !important;
    gap:9px !important;
  }

  body.retro-forum #msn-contact-list .msn-contact-avatar,
  body.retro-forum #msn-contact-list .msn-avatar,
  body.retro-forum #msn-contact-list .msn-folder-item img{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    max-width:40px !important;
  }

  body.retro-forum #msn-contact-list .msn-contact-name,
  body.retro-forum #msn-contact-list .msn-folder-item-title{
    font-size:13px !important;
    line-height:1.05 !important;
  }

  body.retro-forum #msn-contact-list .msn-contact-subtitle,
  body.retro-forum #msn-contact-list .msn-folder-item-subtitle{
    font-size:11px !important;
    line-height:1.15 !important;
  }
}

@media (min-width: 1025px) and (max-width: 1320px){
  body.retro-forum{
    --fm-right: clamp(350px, 28vw, 380px);
  }

  body.retro-forum #chat-col,
  body.retro-forum .chat-col{
    padding-inline:8px !important;
  }

  body.retro-forum #msn-contact-list .msn-friends-toolbar{
    grid-template-columns:minmax(78px, max-content) max-content minmax(0, 1fr) max-content !important;
    gap:5px !important;
  }

  body.retro-forum #msn-contact-list .msn-folder-icon-actions,
  body.retro-forum #msn-contact-list .msn-folder-actions{
    gap:4px !important;
  }

  body.retro-forum #msn-contact-list .msn-folder-icon-actions button,
  body.retro-forum #msn-contact-list .msn-folder-actions button,
  body.retro-forum #msn-contact-list #msn-requests-btn{
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:30px !important;
    min-height:30px !important;
  }
}

/* TRUE FINAL - Desktop messenger contacts are denser in the right rail. */
@media (min-width: 1025px){
  body.retro-forum #msn-contact-list button.msn-contact{
    min-height:48px !important;
    height:auto !important;
    padding:6px 8px !important;
    gap:8px !important;
    border-radius:10px !important;
    grid-template-columns:10px 34px minmax(0, 1fr) !important;
  }

  body.retro-forum #msn-contact-list button.msn-contact .msn-contact-presence{
    width:9px !important;
    height:9px !important;
    min-width:9px !important;
  }

  body.retro-forum #msn-contact-list button.msn-contact .msn-contact-avatar{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    border-radius:10px !important;
  }

  body.retro-forum #msn-contact-list button.msn-contact .msn-contact-copy{
    gap:2px !important;
    min-width:0 !important;
  }

  body.retro-forum #msn-contact-list button.msn-contact .msn-contact-name{
    font-size:12.5px !important;
    line-height:1.05 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body.retro-forum #msn-contact-list button.msn-contact .msn-contact-status,
  body.retro-forum #msn-contact-list button.msn-contact .msn-contact-status-name,
  body.retro-forum #msn-contact-list button.msn-contact .msn-contact-status-desc{
    font-size:10.5px !important;
    line-height:1.1 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

/* TRUE FINAL - Post author block stays left, never centered in the card. */
@media (min-width: 761px){
  body.retro-forum .post-face-front .post-header,
  body.retro-forum .post-header{
    display:grid !important;
    grid-template-columns:50px max-content minmax(0, 1fr) auto !important;
    align-items:center !important;
    justify-items:start !important;
    justify-content:stretch !important;
    column-gap:14px !important;
  }

  body.retro-forum .post-face-front .post-header .av-wrap,
  body.retro-forum .post-header .av-wrap{
    grid-column:1 !important;
    justify-self:start !important;
  }

  body.retro-forum .post-face-front .post-header .post-meta,
  body.retro-forum .post-header .post-meta{
    grid-column:2 !important;
    justify-self:start !important;
    align-self:center !important;
    flex:none !important;
    width:max-content !important;
    max-width:min(360px, calc(100vw - 220px)) !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  body.retro-forum .post-face-front .post-header .post-meta > .flex.ic,
  body.retro-forum .post-face-front .post-header .post-meta .flex.ic.g2,
  body.retro-forum .post-header .post-meta > .flex.ic,
  body.retro-forum .post-header .post-meta .flex.ic.g2{
    width:max-content !important;
    max-width:100% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    text-align:left !important;
  }

  body.retro-forum .post-face-front .post-header .post-username,
  body.retro-forum .post-header .post-username{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  body.retro-forum .post-face-front .post-header .post-tools,
  body.retro-forum .post-header .post-tools{
    grid-column:4 !important;
    justify-self:end !important;
  }
}

/* TRUE FINAL - Extra guard for wall author alignment. */
@media (min-width: 761px){
  body.retro-forum #page-wall div[id^="post-"] > .post-face-front > .post-header > .post-meta{
    position:static !important;
    display:inline-flex !important;
    flex:0 0 auto !important;
    width:auto !important;
    inline-size:fit-content !important;
    max-width:fit-content !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    justify-self:start !important;
    align-self:center !important;
  }

  body.retro-forum #page-wall div[id^="post-"] > .post-face-front > .post-header > .post-meta > .flex.ic.g2{
    display:inline-flex !important;
    flex:0 0 auto !important;
    width:auto !important;
    inline-size:fit-content !important;
    max-width:fit-content !important;
    justify-content:flex-start !important;
    align-items:center !important;
    margin:0 !important;
    text-align:left !important;
  }

  body.retro-forum #page-wall div[id^="post-"] > .post-face-front > .post-header > .post-meta .post-username{
    display:inline-flex !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    justify-content:flex-start !important;
  }
}

/* TRUE FINAL - Post date/category line stays left and vertically centered. */
body.retro-forum .post-face-front .post-time--footer,
body.retro-forum .post-time--footer{
  min-height:30px !important;
  margin:0 auto 0 24px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
  width:fit-content !important;
  max-width:calc(100% - 48px) !important;
  white-space:normal !important;
}

@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px){
  body.retro-forum .post-face-front .post-time--footer,
  body.retro-forum .post-time--footer{
    min-height:30px !important;
    margin:0 auto 0 14px !important;
    padding:0 !important;
    max-width:calc(100% - 28px) !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }
}

/* TRUE FINAL - Messenger search results use a light green background. */
body.retro-forum #msn-search-results,
body.retro-forum .msn-search-results.is-open{
  background:linear-gradient(135deg, #dfffe9, #bdf5d5) !important;
  border:1px solid rgba(78, 222, 163, .72) !important;
  box-shadow:0 12px 26px rgba(78, 222, 163, .16) !important;
}

body.retro-forum #msn-search-results .msn-search-result,
body.retro-forum .msn-search-results.is-open .msn-search-result{
  background:rgba(255, 255, 255, .36) !important;
  color:#08351f !important;
}

body.retro-forum #msn-search-results .msn-search-result span,
body.retro-forum #msn-search-results .msn-search-result small,
body.retro-forum .msn-search-results.is-open .msn-search-result span,
body.retro-forum .msn-search-results.is-open .msn-search-result small{
  color:#08351f !important;
  opacity:1 !important;
}

body.retro-forum #msn-search-results .msn-search-result button,
body.retro-forum .msn-search-results.is-open .msn-search-result button{
  background:#ecfff4 !important;
  border-color:rgba(0, 165, 114, .42) !important;
  color:#005236 !important;
}

/* TRUE FINAL - Desktop reactions match the compact mobile bar. */
@media (min-width: 641px){
  body.retro-forum .post-face-front .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions,
  body.retro-forum .post-reactions{
    width:100% !important;
    min-height:58px !important;
    margin:16px 0 0 !important;
    padding:9px 12px !important;
    display:grid !important;
    grid-template-columns:42px 42px 42px minmax(116px, 1fr) 42px !important;
    align-items:center !important;
    gap:8px !important;
    border:1px solid rgba(195, 192, 255, .22) !important;
    border-radius:0 0 8px 8px !important;
    background:linear-gradient(180deg, #202735 0%, #131823 100%) !important;
    color:#eef3ff !important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-reactions:has(.report-btn),
  body.retro-forum .post-face-front .post-reactions:has(.report-btn){
    grid-template-columns:42px 42px 42px minmax(96px, 1fr) 42px 42px !important;
  }

  body.retro-forum .post-reactions .react-sep,
  body.retro-forum .post-face-front .post-reactions .react-sep{
    display:none !important;
  }

  body.retro-forum .post-reactions .react-btn,
  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-reactions .report-btn,
  body.retro-forum .post-face-front .react-btn,
  body.retro-forum .post-face-front .share-btn,
  body.retro-forum .post-face-front .report-btn{
    position:relative !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    border-radius:14px !important;
    background:rgba(238, 243, 255, .09) !important;
    border:1px solid rgba(195, 192, 255, .24) !important;
    color:#dbe6ff !important;
    opacity:1 !important;
    transform:none !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body.retro-forum .post-reactions .comment-btn,
  body.retro-forum .post-face-front .comment-btn{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 12px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg, #c3c0ff 0%, #8fc7ff 100%) !important;
    border:1px solid rgba(255, 255, 255, .42) !important;
    color:#10172a !important;
    font-family:Inter, system-ui, sans-serif !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-transform:none !important;
    box-shadow:0 10px 22px rgba(79, 70, 229, .24) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-reactions .share-btn > span,
  body.retro-forum .post-face-front .share-btn > span,
  body.retro-forum .post-reactions .report-btn > span,
  body.retro-forum .post-face-front .report-btn > span{
    display:none !important;
  }

  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-face-front .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]){
    display:inline-block !important;
    position:static !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    overflow:visible !important;
    clip:auto !important;
    color:#10172a !important;
    white-space:nowrap !important;
    font-size:12px !important;
    line-height:1 !important;
    opacity:1 !important;
  }

  body.retro-forum .post-reactions .react-icon,
  body.retro-forum .post-face-front .react-icon,
  body.retro-forum .post-reactions .comment-btn-icon,
  body.retro-forum .post-face-front .comment-btn-icon{
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:currentColor !important;
    font-size:18px !important;
    line-height:1 !important;
    opacity:1 !important;
  }

  body.retro-forum .post-reactions .react-icon svg,
  body.retro-forum .post-face-front .react-icon svg,
  body.retro-forum .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front .comment-btn-icon svg,
  body.retro-forum .post-reactions .share-btn svg,
  body.retro-forum .post-face-front .share-btn svg,
  body.retro-forum .post-reactions .report-btn svg,
  body.retro-forum .post-face-front .report-btn svg{
    width:21px !important;
    height:21px !important;
    color:currentColor !important;
    stroke:currentColor !important;
    fill:currentColor !important;
    opacity:1 !important;
    filter:none !important;
  }

  body.retro-forum .post-reactions .heart-btn,
  body.retro-forum .post-face-front .heart-btn{
    color:#ff6fa0 !important;
  }

  body.retro-forum .post-reactions .like-btn,
  body.retro-forum .post-face-front .like-btn{
    color:#8fc7ff !important;
  }

  body.retro-forum .post-reactions .dislike-btn,
  body.retro-forum .post-face-front .dislike-btn{
    color:#aebbd0 !important;
  }

  body.retro-forum .post-reactions .share-btn,
  body.retro-forum .post-face-front .share-btn{
    color:#6ee7d8 !important;
  }

  body.retro-forum .post-reactions .report-btn,
  body.retro-forum .post-face-front .report-btn{
    color:#ff8ea1 !important;
  }

  body.retro-forum .post-reactions .react-btn:hover,
  body.retro-forum .post-reactions .react-btn.active,
  body.retro-forum .post-face-front .react-btn:hover,
  body.retro-forum .post-face-front .react-btn.active,
  body.retro-forum .post-reactions .share-btn:hover,
  body.retro-forum .post-face-front .share-btn:hover{
    background:rgba(238, 243, 255, .17) !important;
    border-color:rgba(195, 192, 255, .46) !important;
  }

  body.retro-forum .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum .post-face-front .comment-btn span[id^="ccount"],
  body.retro-forum .post-reactions .react-count,
  body.retro-forum .post-face-front .react-count{
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    min-width:19px !important;
    height:19px !important;
    padding:0 5px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#eef3ff !important;
    color:#10172a !important;
    border:1px solid rgba(16, 23, 42, .16) !important;
    box-shadow:0 4px 10px rgba(15, 23, 42, .12) !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  body.retro-forum .post-reactions .comment-btn span[id^="ccount"]:empty,
  body.retro-forum .post-face-front .comment-btn span[id^="ccount"]:empty{
    display:none !important;
  }
}

/* TRUE FINAL - Messenger friend folder title gets a light gray surface. */
body.retro-forum #msn-contact-list .msn-group-title.msn-folder-drop-title,
body.retro-forum #msn-contact-list .msn-friend-folder > .msn-group-title{
  min-height:38px !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  background:linear-gradient(180deg, #eef3fb, #d8e2f1) !important;
  border:1px solid rgba(199, 208, 224, .9) !important;
  border-radius:10px !important;
  box-shadow:0 8px 18px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .58) !important;
  color:#1c2b40 !important;
}

body.retro-forum #msn-contact-list .msn-group-title.msn-folder-drop-title *,
body.retro-forum #msn-contact-list .msn-friend-folder > .msn-group-title *{
  color:#1c2b40 !important;
}

body.retro-forum #msn-contact-list .msn-group-title.msn-folder-drop-title .msn-folder-eye,
body.retro-forum #msn-contact-list .msn-friend-folder > .msn-group-title .msn-folder-eye{
  background:#eef6ff !important;
  border:1px solid #c7d4e7 !important;
  color:#20314a !important;
  box-shadow:0 5px 12px rgba(20, 32, 48, .16) !important;
}

/* TRUE FINAL - Search result card stays light green above older messenger styles. */
body.retro-forum #chat-col #msn-search-results.is-open,
body.retro-forum #msn-panel #msn-search-results.is-open{
  background:linear-gradient(135deg, #dfffe9, #bdf5d5) !important;
  border:1px solid rgba(78, 222, 163, .78) !important;
}

body.retro-forum #chat-col #msn-search-results.is-open .msn-search-result,
body.retro-forum #msn-panel #msn-search-results.is-open .msn-search-result{
  background:rgba(236, 255, 244, .92) !important;
  border:1px solid rgba(0, 165, 114, .32) !important;
  color:#08351f !important;
  box-shadow:0 8px 18px rgba(0, 165, 114, .16) !important;
}

body.retro-forum #chat-col #msn-search-results.is-open .msn-search-result strong,
body.retro-forum #chat-col #msn-search-results.is-open .msn-search-result small,
body.retro-forum #msn-panel #msn-search-results.is-open .msn-search-result strong,
body.retro-forum #msn-panel #msn-search-results.is-open .msn-search-result small{
  color:#08351f !important;
}

/* TRUE FINAL - Desktop post actions use the highlighted compact bar. */
@media (min-width: 761px){
  body.retro-forum .post-face-front > .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions{
    display:grid !important;
    grid-template-columns:42px 42px 42px minmax(132px, 1fr) 42px !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:58px !important;
    margin:0 !important;
    padding:9px 12px !important;
    border:1px solid rgba(195, 192, 255, .18) !important;
    border-radius:0 0 8px 8px !important;
    background:linear-gradient(180deg, rgba(32, 39, 53, .98), rgba(19, 23, 33, .98)) !important;
    color:#eef3ff !important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04), 0 10px 22px rgba(0, 0, 0, .18) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions:has(.report-btn),
  body.retro-forum div[id^="reactions-"].post-reactions:has(.report-btn){
    grid-template-columns:42px 42px 42px minmax(132px, 1fr) 42px 42px !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-sep,
  body.retro-forum div[id^="reactions-"].post-reactions .react-sep{
    display:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-btn,
  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    position:relative !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    border-radius:12px !important;
    background:#c7e3ff !important;
    border:1px solid rgba(255, 255, 255, .42) !important;
    color:#425875 !important;
    opacity:1 !important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .54), 0 3px 8px rgba(0, 0, 0, .12) !important;
    overflow:visible !important;
    transform:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 12px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border-radius:12px !important;
    background:#a9d4ff !important;
    border:1px solid rgba(255, 255, 255, .42) !important;
    color:#ffffff !important;
    font-family:Inter, system-ui, sans-serif !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-transform:none !important;
    white-space:nowrap !important;
    opacity:1 !important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .58), 0 3px 8px rgba(0, 0, 0, .12) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front > .post-reactions .share-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span,
  body.retro-forum .post-face-front > .post-reactions .report-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span{
    display:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]){
    display:inline-block !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
    clip:auto !important;
    color:#ffffff !important;
    white-space:nowrap !important;
    opacity:1 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-icon,
  body.retro-forum .post-face-front > .post-reactions .comment-btn-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon{
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:currentColor !important;
    font-size:18px !important;
    line-height:1 !important;
    opacity:1 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-icon svg,
  body.retro-forum .post-face-front > .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front > .post-reactions .share-btn svg,
  body.retro-forum .post-face-front > .post-reactions .report-btn svg,
  body.retro-forum div[id^="reactions-"].post-reactions .react-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn svg,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn svg{
    width:21px !important;
    height:21px !important;
    color:currentColor !important;
    stroke:currentColor !important;
    fill:currentColor !important;
    opacity:1 !important;
    filter:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .heart-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn{
    color:#ff6fa0 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .like-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn{
    color:#5f789b !important;
  }

  body.retro-forum .post-face-front > .post-reactions .dislike-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn{
    color:#5f789b !important;
  }

  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn{
    color:#0095a8 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    color:#ff6f88 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-btn:hover,
  body.retro-forum .post-face-front > .post-reactions .react-btn.active,
  body.retro-forum .post-face-front > .post-reactions .share-btn:hover,
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn:hover,
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn:hover{
    background:#d8ebff !important;
    border-color:rgba(255, 255, 255, .6) !important;
  }

  body.retro-forum .post-face-front > .post-reactions .heart-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn.active{
    background:linear-gradient(180deg, #ffd8e8 0%, #ffb9d2 100%) !important;
    border-color:rgba(255, 255, 255, .72) !important;
    color:#ff2d69 !important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .72), 0 4px 12px rgba(255, 45, 105, .18) !important;
  }

  body.retro-forum .post-face-front > .post-reactions .heart-btn.active .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn.active .react-icon{
    color:#ff2d69 !important;
    filter:drop-shadow(0 0 5px rgba(255, 45, 105, .35)) !important;
  }

  body.retro-forum .post-face-front > .post-reactions .like-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn.active{
    background:linear-gradient(180deg, #d8ecff 0%, #b9ddff 100%) !important;
    border-color:rgba(255, 255, 255, .72) !important;
    color:#2b8cff !important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .72), 0 4px 12px rgba(43, 140, 255, .18) !important;
  }

  body.retro-forum .post-face-front > .post-reactions .like-btn.active .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn.active .react-icon{
    color:#2b8cff !important;
    filter:drop-shadow(0 0 5px rgba(43, 140, 255, .35)) !important;
  }

  body.retro-forum .post-face-front > .post-reactions .dislike-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn.active{
    background:linear-gradient(180deg, #ffe0e6 0%, #ffb8c4 100%) !important;
    border-color:rgba(255, 255, 255, .72) !important;
    color:#ff3458 !important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .72), 0 4px 12px rgba(255, 52, 88, .18) !important;
  }

  body.retro-forum .post-face-front > .post-reactions .dislike-btn.active .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn.active .react-icon{
    color:#ff3458 !important;
    filter:drop-shadow(0 0 5px rgba(255, 52, 88, .35)) !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn:hover,
  body.retro-forum .post-face-front > .post-reactions .comment-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn:hover,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn.active{
    background:#b9ddff !important;
    border-color:rgba(255, 255, 255, .6) !important;
    color:#ffffff !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum .post-face-front > .post-reactions .react-count,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum div[id^="reactions-"].post-reactions .react-count{
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    min-width:19px !important;
    height:19px !important;
    padding:0 5px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#eef3ff !important;
    color:#10172a !important;
    border:1px solid rgba(16, 23, 42, .16) !important;
    box-shadow:0 4px 10px rgba(15, 23, 42, .12) !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

body.retro-forum .post-face-front > .post-reactions .comment-btn span[id^="ccount"]:empty,
body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]:empty{
    display:none !important;
  }
}

/* TRUE FINAL - Desktop messenger column is wider and draggable from its left edge. */
@media (min-width: 1025px){
  body.retro-forum{
    --fm-right: clamp(430px, 27vw, 520px) !important;
  }

  body.retro-forum #chat-col,
  body.retro-forum .chat-col{
    width:var(--fm-right) !important;
    max-width:var(--fm-right) !important;
    flex:0 0 var(--fm-right) !important;
    overflow:auto !important;
  }

  body.retro-forum #chat-col .msn-panel,
  body.retro-forum .chat-col .msn-panel{
    width:100% !important;
    max-width:100% !important;
  }

  body.retro-forum #chat-resize-handle,
  body.retro-forum .chat-resize-handle{
    display:block !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:14px !important;
    cursor:ew-resize !important;
    z-index:25 !important;
    background:transparent !important;
    touch-action:none !important;
  }

  body.retro-forum #chat-resize-handle::before,
  body.retro-forum .chat-resize-handle::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:2px;
    background:rgba(195, 192, 255, .18);
    box-shadow:0 0 0 rgba(143, 199, 255, 0);
    transition:background .15s ease, box-shadow .15s ease;
  }

  body.retro-forum #chat-resize-handle:hover::before,
  body.retro-forum .chat-resize-handle:hover::before,
  body.retro-forum.is-chat-resizing #chat-resize-handle::before,
  body.retro-forum.is-chat-resizing .chat-resize-handle::before{
    background:#8fc7ff;
    box-shadow:0 0 14px rgba(143, 199, 255, .45);
  }

  body.retro-forum.is-chat-resizing{
    cursor:ew-resize !important;
    user-select:none !important;
  }

  body.retro-forum #msn-panel .msn-self{
    grid-template-columns:42px minmax(148px, 1fr) minmax(104px, auto) !important;
    overflow:visible !important;
  }

  body.retro-forum #msn-panel .msn-self-copy{
    min-width:148px !important;
    overflow:visible !important;
  }

  body.retro-forum #msn-panel .msn-status-picker,
  body.retro-forum #msn-panel .msn-status-toggle{
    width:max-content !important;
    min-width:128px !important;
    max-width:none !important;
  }

  body.retro-forum #msn-panel .msn-status-label{
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }

  body.retro-forum #msn-panel .msn-edit-profile{
    min-width:104px !important;
    width:auto !important;
    max-width:none !important;
  }
}

/* TRUE FINAL - Main friends toolbar and root friends folder read as one block. */
body.retro-forum #msn-contact-list .msn-friends-panel{
  gap:0 !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friends-toolbar{
  margin:0 !important;
  border-radius:12px 12px 0 0 !important;
  border-bottom:0 !important;
  background:linear-gradient(180deg, #1b4d7e 0%, #153e67 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""]{
  margin:0 0 8px !important;
  padding:0 !important;
  border:1px solid rgba(143, 199, 255, .38) !important;
  border-top:0 !important;
  border-radius:0 0 12px 12px !important;
  overflow:hidden !important;
  background:rgba(16, 22, 32, .72) !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title{
  min-height:38px !important;
  margin:0 !important;
  border:0 !important;
  border-top:1px solid rgba(143, 199, 255, .22) !important;
  border-radius:0 !important;
  background:linear-gradient(180deg, #1b4d7e 0%, #153e67 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  color:#eef6ff !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title *,
body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-toggle{
  color:#eef6ff !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-eye{
  pointer-events:auto !important;
  position:relative !important;
  z-index:3 !important;
  background:#f7fbff !important;
  border:1px solid rgba(255, 255, 255, .86) !important;
  color:#0f2942 !important;
  box-shadow:0 4px 10px rgba(0, 0, 0, .22) !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-eye.is-visible{
  background:linear-gradient(180deg, #ffffff, #d9efff) !important;
  color:#0f5f94 !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-eye.is-hidden{
  background:linear-gradient(180deg, #ffe0e7, #ffb6c8) !important;
  border-color:rgba(255, 255, 255, .74) !important;
  color:#b3123d !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-eye svg{
  display:block !important;
  width:16px !important;
  height:16px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.2 !important;
}

/* TRUE FINAL - Desktop reactions use the fresh mobile visual theme. */
@media (min-width: 761px){
  body.retro-forum .post-face-front > .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions{
    display:grid !important;
    grid-template-columns:42px 42px 42px minmax(150px, 1fr) 42px !important;
    align-items:center !important;
    gap:8px !important;
    min-height:58px !important;
    padding:9px 10px !important;
    border:1px solid rgba(195, 192, 255, .2) !important;
    border-radius:0 0 8px 8px !important;
    background:linear-gradient(180deg, #202735 0%, #141a26 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions:has(.report-btn),
  body.retro-forum div[id^="reactions-"].post-reactions:has(.report-btn){
    grid-template-columns:42px 42px 42px minmax(150px, 1fr) 42px 42px !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-sep,
  body.retro-forum div[id^="reactions-"].post-reactions .react-sep{
    display:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-btn,
  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    position:relative !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    background:#c9e3ff !important;
    border:1px solid rgba(255,255,255,.45) !important;
    color:#445a78 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.62), 0 4px 10px rgba(0,0,0,.14) !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border-radius:12px !important;
    background:#b8d7ff !important;
    border:1px solid rgba(255,255,255,.5) !important;
    color:#0f2038 !important;
    font:900 12px/1 Inter, system-ui, sans-serif !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.62), 0 4px 10px rgba(0,0,0,.14) !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]){
    color:#0f2038 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum .post-face-front > .post-reactions .share-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span,
  body.retro-forum .post-face-front > .post-reactions .report-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span{
    display:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-icon,
  body.retro-forum .post-face-front > .post-reactions .comment-btn-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:currentColor !important;
    font-size:18px !important;
    line-height:1 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-icon svg,
  body.retro-forum .post-face-front > .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front > .post-reactions .share-btn svg,
  body.retro-forum .post-face-front > .post-reactions .report-btn svg,
  body.retro-forum div[id^="reactions-"].post-reactions .react-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn svg,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn svg{
    width:21px !important;
    height:21px !important;
    color:currentColor !important;
    stroke:currentColor !important;
    fill:currentColor !important;
  }

  body.retro-forum .post-face-front > .post-reactions .heart-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn,
  body.retro-forum .post-face-front > .post-reactions .heart-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn.active{
    background:#ffd5e4 !important;
    color:#ff3f76 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .like-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn,
  body.retro-forum .post-face-front > .post-reactions .like-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn.active{
    background:#d8ecff !important;
    color:#2b8cff !important;
  }

  body.retro-forum .post-face-front > .post-reactions .dislike-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn{
    background:#d8ecff !important;
    color:#56677f !important;
  }

  body.retro-forum .post-face-front > .post-reactions .dislike-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn.active{
    background:#ffd0da !important;
    color:#ff3458 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn{
    background:#bfeaff !important;
    color:#0095a8 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    background:#ffd7df !important;
    color:#ff4968 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-count,
  body.retro-forum .post-face-front > .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum div[id^="reactions-"].post-reactions .react-count,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]{
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    min-width:19px !important;
    height:19px !important;
    padding:0 5px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#eef3ff !important;
    color:#10172a !important;
    border:1px solid rgba(16,23,42,.16) !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-shadow:0 4px 10px rgba(15,23,42,.12) !important;
  }
}

/* TRUE FINAL - Desktop reactions inline action bar. */
@media (min-width: 761px){
  body.retro-forum .post-face-front > .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:24px !important;
    min-height:58px !important;
    padding:0 26px !important;
    border:1px solid rgba(70, 69, 85, .72) !important;
    border-radius:0 0 8px 8px !important;
    background:#11131b !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-sep,
  body.retro-forum div[id^="reactions-"].post-reactions .react-sep{
    display:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-btn,
  body.retro-forum .post-face-front > .post-reactions .comment-btn,
  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    position:relative !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#dfe6ff !important;
    font:800 14px/1 Inter, system-ui, sans-serif !important;
    letter-spacing:0 !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn > span:not(.react-icon):not(.react-count){
    display:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-face-front > .post-reactions .share-btn > span,
  body.retro-forum .post-face-front > .post-reactions .report-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span{
    display:inline !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
    clip:auto !important;
    color:currentColor !important;
    white-space:nowrap !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-icon,
  body.retro-forum .post-face-front > .post-reactions .comment-btn-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:currentColor !important;
    font-size:27px !important;
    line-height:1 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-icon svg,
  body.retro-forum .post-face-front > .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front > .post-reactions .share-btn svg,
  body.retro-forum .post-face-front > .post-reactions .report-btn svg,
  body.retro-forum div[id^="reactions-"].post-reactions .react-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn svg,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn svg{
    width:28px !important;
    height:28px !important;
    color:currentColor !important;
    stroke:currentColor !important;
    fill:none !important;
    stroke-width:2.2 !important;
    opacity:1 !important;
    filter:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .heart-btn .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn .react-icon{
    color:#ff7f8f !important;
  }

  body.retro-forum .post-face-front > .post-reactions .heart-btn .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn .react-icon{
    font-size:30px !important;
  }

  body.retro-forum .post-face-front > .post-reactions .like-btn,
  body.retro-forum .post-face-front > .post-reactions .dislike-btn,
  body.retro-forum .post-face-front > .post-reactions .comment-btn,
  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn{
    color:#dfe6ff !important;
  }

  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    color:#ff8d86 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-count,
  body.retro-forum .post-face-front > .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum div[id^="reactions-"].post-reactions .react-count,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]{
    position:static !important;
    min-width:0 !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    display:inline !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:currentColor !important;
    font:800 12px/1 Inter, system-ui, sans-serif !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]{
    order:2 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]){
    order:3 !important;
  }
}

/* TRUE FINAL ABSOLUTE - Messenger chat never covers the status card. */
body.retro-forum.messenger-open #msn-panel,
body.retro-forum.chat-open #msn-panel{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  overflow:visible !important;
}

body.retro-forum.messenger-open #msn-panel .msn-self,
body.retro-forum.chat-open #msn-panel .msn-self{
  position:sticky !important;
  top:0 !important;
  z-index:30 !important;
  flex:0 0 auto !important;
  margin:0 !important;
}

body.retro-forum.messenger-open #msn-panel #msn-contact-list,
body.retro-forum.chat-open #msn-panel #msn-contact-list{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
}

body.retro-forum.messenger-chat-active #chat-col,
body.retro-forum.messenger-chat-active .chat-col{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active #msn-panel{
  display:flex !important;
  visibility:visible !important;
  pointer-events:auto !important;
  flex:0 0 auto !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  overflow:visible !important;
}

body.retro-forum.messenger-chat-active #msn-panel .msn-search-row,
body.retro-forum.messenger-chat-active #msn-panel #msn-search-results,
body.retro-forum.messenger-chat-active #msn-panel #msn-open-bubbles,
body.retro-forum.messenger-chat-active #msn-panel .msn-section-title,
body.retro-forum.messenger-chat-active #msn-panel #msn-folder-list,
body.retro-forum.messenger-chat-active #msn-panel #msn-contact-list{
  display:none !important;
}

body.retro-forum.messenger-chat-active #msn-chat-shell{
  display:flex !important;
  position:relative !important;
  inset:auto !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  overflow:hidden !important;
  z-index:1 !important;
}

/* TRUE FINAL - Comments panel matches the compact dark composer mockup. */
body.retro-forum .post-card.is-flipped .post-face-back{
  min-height:360px !important;
  display:flex !important;
  flex-direction:column !important;
  background:#11131b !important;
  border:1px solid rgba(70, 69, 85, .75) !important;
  border-radius:8px !important;
  overflow:hidden !important;
}

body.retro-forum .post-card.is-flipped .comments-post-preview{
  display:none !important;
}

body.retro-forum .post-card.is-flipped .comments-back-header{
  min-height:44px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border:0 !important;
  border-bottom:1px solid rgba(70, 69, 85, .55) !important;
  background:#11131b !important;
  flex:0 0 44px !important;
}

body.retro-forum .post-card.is-flipped .comments-back-title{
  margin:0 !important;
  color:#c3c0ff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

body.retro-forum .post-card.is-flipped .comments-back-close{
  height:30px !important;
  padding:0 4px !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#d9d8e8 !important;
  font:800 11px/1 Inter, system-ui, sans-serif !important;
  box-shadow:none !important;
}

body.retro-forum .post-card.is-flipped .comments-list{
  flex:1 1 auto !important;
  min-height:210px !important;
  padding:30px 18px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  background:#11131b !important;
  overflow:auto !important;
}

body.retro-forum .post-card.is-flipped .comment-empty{
  position:relative !important;
  min-height:160px !important;
  width:100% !important;
  padding:28px 12px !important;
  margin:auto 0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  color:#6f7484 !important;
  font:700 12px/1.35 Inter, system-ui, sans-serif !important;
  text-align:center !important;
}

body.retro-forum .post-card.is-flipped .comment-empty::before{
  content:"" !important;
  width:42px !important;
  height:42px !important;
  box-sizing:border-box !important;
  display:block !important;
  border:4px solid currentColor !important;
  border-radius:2px !important;
  opacity:.82 !important;
  background:transparent !important;
}

body.retro-forum .post-card.is-flipped .comment-empty::after{
  content:"" !important;
  position:absolute !important;
  top:calc(50% - 10px) !important;
  left:calc(50% - 16px) !important;
  width:13px !important;
  height:13px !important;
  display:block !important;
  border-left:4px solid currentColor !important;
  border-bottom:4px solid currentColor !important;
  transform:skew(-14deg) !important;
  opacity:.82 !important;
}

body.retro-forum .post-card.is-flipped .comment-input-area{
  flex:0 0 auto !important;
  padding:12px 14px !important;
  border-top:1px solid rgba(70, 69, 85, .55) !important;
  background:#171a24 !important;
}

body.retro-forum .post-card.is-flipped .comment-input-wrap{
  position:relative !important;
  display:grid !important;
  grid-template-columns:34px 34px minmax(0, 1fr) 44px !important;
  align-items:center !important;
  gap:8px !important;
}

body.retro-forum .post-card.is-flipped .mention-suggest,
body.retro-forum .post-card.is-flipped .comment-sticker-picker{
  grid-column:1 / -1 !important;
}

body.retro-forum .post-card.is-flipped .comment-tools-bar,
body.retro-forum .post-card.is-flipped .comment-input-row{
  display:contents !important;
}

body.retro-forum .post-card.is-flipped .comment-sticker-btn,
body.retro-forum .post-card.is-flipped .comment-img-btn{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#c8ccdb !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

body.retro-forum .post-card.is-flipped .comment-sticker-btn span,
body.retro-forum .post-card.is-flipped .comment-img-btn span{
  display:none !important;
}

body.retro-forum .post-card.is-flipped .comment-sticker-btn svg,
body.retro-forum .post-card.is-flipped .comment-img-btn svg{
  width:20px !important;
  height:20px !important;
  color:currentColor !important;
  fill:currentColor !important;
}

body.retro-forum .post-card.is-flipped .comment-input-area textarea{
  grid-column:3 !important;
  width:100% !important;
  min-height:34px !important;
  height:34px !important;
  max-height:34px !important;
  padding:0 16px !important;
  resize:none !important;
  border:0 !important;
  border-radius:999px !important;
  background:#0c0f17 !important;
  color:#e6e9f4 !important;
  font:500 13px/34px Inter, system-ui, sans-serif !important;
  outline:none !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

body.retro-forum .post-card.is-flipped .comment-input-area textarea::placeholder{
  color:#747b8e !important;
}

body.retro-forum .post-card.is-flipped .comment-send-btn{
  grid-column:4 !important;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg, #c8b9ff, #9f8cff) !important;
  color:#10131d !important;
  box-shadow:0 8px 18px rgba(159, 140, 255, .26) !important;
}

body.retro-forum .post-card.is-flipped .comment-send-btn svg{
  width:20px !important;
  height:20px !important;
  fill:currentColor !important;
  color:currentColor !important;
}

/* TRUE FINAL - Last desktop reactions override, exact requested layout. */
@media (min-width: 761px){
  body.retro-forum .post-face-front > .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:58px !important;
    padding:8px 10px !important;
    background:linear-gradient(180deg, #202735 0%, #151b26 100%) !important;
    border:1px solid rgba(195, 192, 255, .24) !important;
    border-radius:0 0 8px 8px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-sep,
  body.retro-forum div[id^="reactions-"].post-reactions .react-sep{display:none !important;}

  body.retro-forum .post-face-front > .post-reactions .react-btn,
  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    border:1px solid rgba(255,255,255,.48) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.64), 0 4px 10px rgba(0,0,0,.14) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn{
    flex:0 1 240px !important;
    width:240px !important;
    max-width:min(240px, 42vw) !important;
    min-width:180px !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border-radius:12px !important;
    background:#b8d7ff !important;
    border:1px solid rgba(255,255,255,.52) !important;
    color:#10172a !important;
    font:900 12px/1 Inter, system-ui, sans-serif !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.64), 0 4px 10px rgba(0,0,0,.14) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]){color:#10172a !important;}

  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn{margin-left:auto !important;background:#c7e9ff !important;color:#0095a8 !important;}

  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{background:#ffd7df !important;color:#ff4968 !important;}

  body.retro-forum .post-face-front > .post-reactions .heart-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn{background:#ffd5e4 !important;color:#ff3f76 !important;}

  body.retro-forum .post-face-front > .post-reactions .like-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn{background:#d8ecff !important;color:#5c7798 !important;}

  body.retro-forum .post-face-front > .post-reactions .like-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn.active{color:#2b8cff !important;}

  body.retro-forum .post-face-front > .post-reactions .dislike-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn{background:#d8ecff !important;color:#5c677a !important;}

  body.retro-forum .post-face-front > .post-reactions .dislike-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn.active{background:#ffd0da !important;color:#ff3458 !important;}

  body.retro-forum .post-face-front > .post-reactions .react-count,
  body.retro-forum .post-face-front > .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum div[id^="reactions-"].post-reactions .react-count,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]{
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    min-width:19px !important;
    height:19px !important;
    padding:0 5px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#eef3ff !important;
    color:#10172a !important;
    border:1px solid rgba(16,23,42,.16) !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-shadow:0 4px 10px rgba(15,23,42,.12) !important;
  }
}

/* TRUE FINAL ABSOLUTE - Desktop reactions inline action bar. */
@media (min-width: 761px){
  body.retro-forum .post-face-front > .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:24px !important;
    min-height:58px !important;
    padding:0 26px !important;
    border:1px solid rgba(70, 69, 85, .72) !important;
    border-radius:0 0 8px 8px !important;
    background:#11131b !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-sep,
  body.retro-forum div[id^="reactions-"].post-reactions .react-sep{
    display:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-btn,
  body.retro-forum .post-face-front > .post-reactions .comment-btn,
  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    position:relative !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#dfe6ff !important;
    font:800 14px/1 Inter, system-ui, sans-serif !important;
    letter-spacing:0 !important;
    overflow:visible !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
  body.retro-forum div[id^="reactions-"].post-reactions .react-btn > span:not(.react-icon):not(.react-count){
    display:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-face-front > .post-reactions .share-btn > span,
  body.retro-forum .post-face-front > .post-reactions .report-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span{
    display:inline !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
    clip:auto !important;
    color:currentColor !important;
    white-space:nowrap !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-icon,
  body.retro-forum .post-face-front > .post-reactions .comment-btn-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:currentColor !important;
    font-size:28px !important;
    line-height:1 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-icon svg,
  body.retro-forum .post-face-front > .post-reactions .comment-btn-icon svg,
  body.retro-forum .post-face-front > .post-reactions .share-btn svg,
  body.retro-forum .post-face-front > .post-reactions .report-btn svg,
  body.retro-forum div[id^="reactions-"].post-reactions .react-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn svg,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn svg{
    width:28px !important;
    height:28px !important;
    color:currentColor !important;
    stroke:currentColor !important;
    fill:none !important;
    stroke-width:2.2 !important;
    opacity:1 !important;
    filter:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions .heart-btn .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn .react-icon{
    color:#ff7f8f !important;
  }

  body.retro-forum .post-face-front > .post-reactions .heart-btn .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions .heart-btn .react-icon{
    font-size:30px !important;
  }

  body.retro-forum .post-face-front > .post-reactions .like-btn,
  body.retro-forum .post-face-front > .post-reactions .dislike-btn,
  body.retro-forum .post-face-front > .post-reactions .comment-btn,
  body.retro-forum .post-face-front > .post-reactions .share-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .like-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn{
    color:#dfe6ff !important;
  }

  body.retro-forum .post-face-front > .post-reactions .report-btn,
  body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
    color:#ff8d86 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .react-count,
  body.retro-forum .post-face-front > .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum div[id^="reactions-"].post-reactions .react-count,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]{
    position:static !important;
    min-width:0 !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    display:inline !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:currentColor !important;
    font:800 12px/1 Inter, system-ui, sans-serif !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn span[id^="ccount"],
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]{
    order:2 !important;
  }

  body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]){
    order:3 !important;
  }
}

/* TRUE FINAL ABSOLUTE - Desktop reaction icons have no button chrome. */
@media (min-width: 761px){
  body.retro-forum .post-face-front > .post-reactions button.react-btn,
  body.retro-forum .post-face-front > .post-reactions button.react-btn:hover,
  body.retro-forum .post-face-front > .post-reactions button.react-btn:active,
  body.retro-forum .post-face-front > .post-reactions button.react-btn:focus,
  body.retro-forum .post-face-front > .post-reactions button.react-btn:focus-visible,
  body.retro-forum .post-face-front > .post-reactions button.react-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn:hover,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn:active,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn:focus,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn:focus-visible,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn.active{
    appearance:none !important;
    -webkit-appearance:none !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn::before,
  body.retro-forum .post-face-front > .post-reactions button.react-btn::after,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn::before,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn::after{
    display:none !important;
    content:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn .react-icon,
  body.retro-forum .post-face-front > .post-reactions button.react-btn.active .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn.active .react-icon{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:none !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn .react-count,
  body.retro-forum .post-face-front > .post-reactions button.react-btn .react-count--heart,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn .react-count,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn .react-count--heart{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
}

/* TRUE FINAL ABSOLUTE - Messenger composer matches the compact dark bar. */
body.retro-forum #msn-chat-compose.msn-chat-compose{
  position:relative !important;
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 62px !important;
  grid-template-areas:
    "tools mic"
    "input send"
    "progress progress"
    "emoji emoji"
    "sticker sticker" !important;
  align-items:center !important;
  gap:5px 8px !important;
  min-height:68px !important;
  padding:6px 6px 7px !important;
  margin:0 !important;
  border:0 !important;
  border-top:1px solid rgba(70, 69, 85, .74) !important;
  border-radius:0 0 8px 8px !important;
  background:#151821 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
  overflow:visible !important;
}

body.retro-forum #msn-chat-compose .msn-compose-tools{
  grid-area:tools !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  width:auto !important;
  min-width:0 !important;
  min-height:18px !important;
  margin:0 !important;
  padding:0 34px 0 0 !important;
  flex:0 0 auto !important;
  overflow:visible !important;
}

body.retro-forum #msn-chat-compose .msn-tool-btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  min-height:16px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:3px !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#8b8fa4 !important;
  opacity:.98 !important;
  font-size:0 !important;
  line-height:1 !important;
  transform:none !important;
}

body.retro-forum #msn-chat-compose .msn-tool-btn:hover,
body.retro-forum #msn-chat-compose .msn-tool-btn:focus-visible{
  color:#c7c4d8 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}

body.retro-forum #msn-chat-compose .msn-tool-btn::before{
  width:15px !important;
  height:15px !important;
  background:currentColor !important;
  transform:none !important;
  filter:none !important;
}

body.retro-forum #msn-chat-compose .msn-tool-btn::after{
  display:none !important;
  content:none !important;
}

body.retro-forum #msn-chat-compose .msn-compose-tools .msn-tool-btn:nth-child(3){order:1 !important;}
body.retro-forum #msn-chat-compose .msn-compose-tools .msn-tool-btn:nth-child(1){order:2 !important;}
body.retro-forum #msn-chat-compose .msn-compose-tools .msn-tool-btn:nth-child(4){order:3 !important;}
body.retro-forum #msn-chat-compose .msn-compose-tools .msn-tool-btn:nth-child(2){order:4 !important;}

body.retro-forum #msn-chat-compose .msn-mic-permission-btn{
  display:none !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn{
  position:absolute !important;
  top:6px !important;
  right:6px !important;
  z-index:3 !important;
  grid-area:auto !important;
  order:20 !important;
  justify-self:end !important;
  align-self:center !important;
  width:25px !important;
  min-width:25px !important;
  height:25px !important;
  min-height:25px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #d4ccff, #aaa0ff) !important;
  color:#4e43c7 !important;
  box-shadow:0 3px 10px rgba(169, 160, 255, .28), inset 0 1px 0 rgba(255,255,255,.5) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn::before{
  width:14px !important;
  height:14px !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn.is-recording,
body.retro-forum #msn-chat-compose .msn-audio-btn.is-locked{
  color:#ffffff !important;
  background:linear-gradient(180deg, #ff8ba0, #ff4d68) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state{
  position:absolute !important;
  left:6px !important;
  right:38px !important;
  top:25px !important;
  z-index:2 !important;
  grid-column:auto !important;
  order:30 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#c7c4d8 !important;
  font-size:11px !important;
}

body.retro-forum #msn-chat-compose .msn-compose-input-row{
  display:contents !important;
}

body.retro-forum #msn-chat-compose #msn-dm-input{
  grid-area:input !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  min-height:31px !important;
  height:31px !important;
  max-height:31px !important;
  padding:0 10px !important;
  resize:none !important;
  overflow:hidden !important;
  border:1px solid rgba(8, 10, 17, .82) !important;
  border-radius:5px !important;
  outline:0 !important;
  background:#0a0d15 !important;
  color:#e8e8f2 !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28) !important;
  font:700 12px/31px Inter, system-ui, sans-serif !important;
}

body.retro-forum #msn-chat-compose #msn-dm-input::placeholder{
  color:#5d6273 !important;
  opacity:1 !important;
}

body.retro-forum #msn-chat-compose .msn-dm-send{
  grid-area:send !important;
  box-sizing:border-box !important;
  width:62px !important;
  min-width:62px !important;
  height:31px !important;
  min-height:31px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:6px !important;
  background:linear-gradient(180deg, #d8d2ff, #bbb1ff) !important;
  color:#1b1458 !important;
  box-shadow:0 5px 14px rgba(169, 160, 255, .22), inset 0 1px 0 rgba(255,255,255,.55) !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  text-align:center !important;
}

body.retro-forum #msn-chat-compose .msn-dm-send:hover,
body.retro-forum #msn-chat-compose .msn-dm-send:focus-visible{
  background:linear-gradient(180deg, #e1dcff, #c5bcff) !important;
}

body.retro-forum #msn-chat-compose #msn-upload-progress{
  grid-area:progress !important;
  margin:2px 0 0 !important;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker{
  grid-area:emoji !important;
}

/* TRUE FINAL - Messenger emoji picker uses a full categorized free emoji package. */
body.retro-forum #msn-chat-compose #msn-emoji-picker.msn-emoji-rich-picker{
  width:100% !important;
  max-height:min(430px, 52vh) !important;
  min-height:320px !important;
  display:block;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(143,199,255,.34) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(22,27,39,.98), rgba(14,18,28,.98)) !important;
  box-shadow:0 -18px 42px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
  z-index:40 !important;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-loading{
  height:320px !important;
  display:grid !important;
  place-items:center !important;
  color:#cfd8ff !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker emoji-picker.dm-emoji-web-picker{
  width:100% !important;
  height:min(430px, 52vh) !important;
  min-height:320px !important;
  --background:transparent;
  --border-color:transparent;
  --border-radius:16px;
  --button-hover-background:rgba(143,199,255,.14);
  --button-active-background:rgba(195,192,255,.22);
  --category-emoji-size:1.12rem;
  --emoji-size:1.35rem;
  --emoji-font-family:"Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif;
  --indicator-color:#9bd2ff;
  --input-border-color:rgba(143,199,255,.34);
  --input-border-radius:12px;
  --input-font-color:#f5f7ff;
  --input-placeholder-color:#94a3bd;
  --num-columns:8;
  --outline-color:#9bd2ff;
  --skintone-border-radius:12px;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-fallback{
  height:min(430px, 52vh) !important;
  min-height:320px !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  background:transparent !important;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-fallback-tabs{
  display:grid !important;
  grid-template-columns:repeat(9,minmax(0,1fr)) !important;
  gap:4px !important;
  padding:8px !important;
  border-bottom:1px solid rgba(143,199,255,.18) !important;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-fallback-tabs button,
body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-fallback-grid button{
  min-width:0 !important;
  border:0 !important;
  border-radius:10px !important;
  background:rgba(143,199,255,.10) !important;
  color:#f5f7ff !important;
  cursor:pointer !important;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-fallback-tabs button{
  height:34px !important;
  font-size:18px !important;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-fallback-tabs button.active{
  background:rgba(195,192,255,.24) !important;
  box-shadow:0 0 0 1px rgba(155,210,255,.34) inset !important;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-fallback-grid{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  align-content:start !important;
  gap:5px !important;
  padding:8px !important;
  overflow:auto !important;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-fallback-grid button{
  aspect-ratio:1 !important;
  height:auto !important;
  font-size:21px !important;
}

body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-fallback-grid button:hover,
body.retro-forum #msn-chat-compose #msn-emoji-picker .dm-emoji-fallback-tabs button:hover{
  background:rgba(143,199,255,.20) !important;
}

body.retro-forum #msn-chat-compose #msn-sticker-picker{
  grid-area:sticker !important;
}

/* TRUE FINAL ABSOLUTE - Messenger friends list is clean, borderless rows. */
body.retro-forum #msn-panel #msn-contact-list{
  background:#151821 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:6px 0 10px !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel,
body.retro-forum #msn-contact-list .msn-friend-folder,
body.retro-forum #msn-contact-list .msn-friend-folder[data-folder-id=""],
body.retro-forum #msn-contact-list .msn-folder-body{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

body.retro-forum #msn-contact-list .msn-folder-body{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}

body.retro-forum #msn-contact-list button.msn-contact,
body.retro-forum #msn-contact-list button.msn-contact:hover,
body.retro-forum #msn-contact-list button.msn-contact:focus,
body.retro-forum #msn-contact-list button.msn-contact:focus-visible,
body.retro-forum #msn-contact-list button.msn-contact.has-unread,
body.retro-forum #msn-contact-list .msn-folder-item,
body.retro-forum #msn-contact-list .msn-folder-item:hover,
body.retro-forum #msn-contact-list .msn-folder-item:focus,
body.retro-forum #msn-contact-list .msn-folder-item:focus-visible,
body.retro-forum #msn-contact-list .msn-folder-item.has-unread{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  min-height:58px !important;
  height:auto !important;
  display:grid !important;
  grid-template-columns:18px 48px minmax(0, 1fr) !important;
  align-items:center !important;
  column-gap:12px !important;
  padding:5px 4px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#f3f4ff !important;
  text-align:left !important;
  transform:none !important;
}

body.retro-forum #msn-contact-list button.msn-contact:hover,
body.retro-forum #msn-contact-list .msn-folder-item:hover{
  background:rgba(255,255,255,.025) !important;
}

body.retro-forum #msn-contact-list .msn-contact-presence,
body.retro-forum #msn-contact-list .msn-presence-connected,
body.retro-forum #msn-contact-list .msn-presence-busy,
body.retro-forum #msn-contact-list .msn-presence-unavailable,
body.retro-forum #msn-contact-list .msn-presence-invisible,
body.retro-forum #msn-contact-list .msn-presence-offline{
  justify-self:center !important;
  width:10px !important;
  min-width:10px !important;
  height:10px !important;
  min-height:10px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#8c8fa3 !important;
  box-shadow:none !important;
  opacity:1 !important;
}

body.retro-forum #msn-contact-list .msn-contact-avatar,
body.retro-forum #msn-contact-list .msn-avatar,
body.retro-forum #msn-contact-list .msn-folder-item img,
body.retro-forum #msn-contact-list .msn-group-avatar-icon{
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#0f121a !important;
  box-shadow:none !important;
  object-fit:cover !important;
}

body.retro-forum #msn-contact-list .msn-contact-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  overflow:hidden !important;
}

body.retro-forum #msn-contact-list .msn-contact-name,
body.retro-forum #msn-contact-list .msn-group-name,
body.retro-forum #msn-contact-list .msn-folder-item-title,
body.retro-forum #msn-contact-list .msn-folder-item strong{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#ffffff !important;
  font:900 16px/1.08 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

body.retro-forum #msn-contact-list .msn-contact-status,
body.retro-forum #msn-contact-list .msn-contact-status-name,
body.retro-forum #msn-contact-list .msn-contact-status-desc,
body.retro-forum #msn-contact-list .msn-folder-item-subtitle,
body.retro-forum #msn-contact-list .msn-folder-item small{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#dfe4ff !important;
  font:600 12.5px/1.18 Inter, system-ui, sans-serif !important;
  opacity:1 !important;
}

body.retro-forum #msn-contact-list .msn-contact-status-desc{
  display:none !important;
}

body.retro-forum #msn-contact-list .msn-contact-unread,
body.retro-forum #msn-contact-list .msn-group-unread{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:18px !important;
  height:18px !important;
  margin-left:6px !important;
  padding:0 5px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#c3c0ff !important;
  color:#11131b !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
}

/* TRUE FINAL - Desktop publish teaser opens the composer from the whole card. */
body.retro-forum #page-wall .feed-header{
  position:relative !important;
  z-index:2 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  transition:border-color .16s ease, background-color .16s ease, box-shadow .16s ease !important;
}

body.retro-forum #page-wall .feed-header:hover{
  border-color:rgba(195, 192, 255, .42) !important;
  background:#20232d !important;
  box-shadow:0 10px 28px rgba(0, 0, 0, .18) !important;
}

body.retro-forum #page-wall .feed-header-left,
body.retro-forum #page-wall .feed-header-left::before,
body.retro-forum #page-wall .feed-header .panel-title,
body.retro-forum #page-wall .feed-header .panel-title::after{
  pointer-events:none !important;
}

body.retro-forum #page-wall #btn-nuevo-post,
body.retro-forum #page-wall #btn-guest-post{
  position:relative !important;
  z-index:3 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

/* TRUE FINAL - Desktop reaction icons use equal pixel boxes with hover/click motion. */
@media (min-width:761px){
  body.retro-forum .post-face-front > .post-reactions button.react-btn,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn{
    width:auto !important;
    min-width:40px !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    cursor:pointer !important;
    transform:translateZ(0) scale(1) !important;
    transform-origin:center !important;
    transition:transform .16s cubic-bezier(.2,.9,.22,1.3), filter .16s ease, color .16s ease !important;
    will-change:transform, filter !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn .react-icon{
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    font-size:23px !important;
    line-height:24px !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:scale(1) !important;
    transition:transform .16s cubic-bezier(.2,.9,.22,1.3), filter .16s ease !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn .react-icon svg,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn .react-icon svg{
    width:22px !important;
    min-width:22px !important;
    max-width:22px !important;
    height:22px !important;
    min-height:22px !important;
    max-height:22px !important;
    display:block !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn .react-count,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn .react-count{
    min-width:10px !important;
    height:18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    color:#f6f8ff !important;
    font:800 13px/18px Inter, system-ui, sans-serif !important;
    transform:translateY(0) !important;
    transition:transform .16s ease, color .16s ease !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn:hover,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn:hover{
    transform:translateY(-2px) scale(1.08) !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn:hover .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn:hover .react-icon{
    transform:scale(1.12) !important;
    filter:drop-shadow(0 0 8px currentColor) !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn:hover .react-count,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn:hover .react-count{
    transform:translateY(-1px) !important;
    color:#ffffff !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn:active,
  body.retro-forum .post-face-front > .post-reactions button.react-btn.fm-pressing,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn:active,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn.fm-pressing{
    transform:translateY(1px) scale(.94) !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn.fm-pressing .react-icon,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn.fm-pressing .react-icon{
    animation:fmReactionTap .26s cubic-bezier(.2,.9,.22,1.28) both !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn.heart-btn,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn.heart-btn{
    color:#ff3f76 !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn.like-btn,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn.like-btn{
    color:#dfe6ff !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn.dislike-btn,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn.dislike-btn{
    color:#dfe6ff !important;
  }

  body.retro-forum .post-face-front > .post-reactions button.react-btn.dislike-btn.active,
  body.retro-forum div[id^="reactions-"].post-reactions button.react-btn.dislike-btn.active{
    color:#ff3458 !important;
  }
}

@keyframes fmReactionTap{
  0%{transform:scale(.88)}
  58%{transform:scale(1.22)}
  100%{transform:scale(1)}
}

/* TRUE FINAL - Uploaded video controls float over the video and auto-hide while playing. */
body.retro-forum .custom-video-wrap.custom-video-enhanced{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  line-height:0 !important;
  container-type:inline-size !important;
  background:#05070d !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced video{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:min(72vh, 620px) !important;
  object-fit:contain !important;
  background:#000 !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .custom-video-bar{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:5 !important;
  display:block !important;
  margin:0 !important;
  padding:9px 12px calc(9px + env(safe-area-inset-bottom, 0px)) !important;
  color:#f4f7ff !important;
  line-height:1 !important;
  background:linear-gradient(180deg, rgba(5,7,13,0), rgba(5,7,13,.72) 18%, rgba(5,7,13,.96)) !important;
  border:0 !important;
  border-radius:0 !important;
  backdrop-filter:blur(10px) !important;
  opacity:0 !important;
  transform:translateY(12px) !important;
  pointer-events:none !important;
  transition:opacity .2s ease, transform .2s ease !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced.cvb-controls-visible .custom-video-bar,
body.retro-forum .custom-video-wrap.custom-video-enhanced.cvb-paused .custom-video-bar{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced.cvb-controls-hidden:not(.cvb-paused) .custom-video-bar{
  opacity:0 !important;
  transform:translateY(12px) !important;
  pointer-events:none !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-controls-row{
  display:grid !important;
  grid-template-columns:auto minmax(140px, 1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-controls-left,
body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-controls-right{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-controls-right{
  justify-content:flex-end !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-btn{
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:8px !important;
  background:rgba(12, 15, 25, .48) !important;
  color:#dfe6ff !important;
  font-size:15px !important;
  line-height:1 !important;
  transition:background-color .16s ease, color .16s ease, transform .14s ease !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-btn:hover{
  background:rgba(195, 192, 255, .18) !important;
  color:#ffffff !important;
  transform:translateY(-1px) scale(1.04) !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-btn:active{
  transform:translateY(1px) scale(.94) !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-time-wide{
  min-width:82px !important;
  color:#f4f7ff !important;
  font:700 11px/1 Inter, system-ui, sans-serif !important;
  text-align:left !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-progress-inline{
  position:relative !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:26px !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-progress-track{
  height:5px !important;
  border-radius:999px !important;
  background:rgba(225, 230, 255, .18) !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-buffer{
  background:rgba(255, 255, 255, .22) !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-played{
  background:linear-gradient(90deg, #7fe8ff, #b7a7ff) !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-seek{
  height:26px !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-seek::-webkit-slider-runnable-track{
  height:26px !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-seek::-webkit-slider-thumb{
  width:13px !important;
  height:13px !important;
  margin-top:6.5px !important;
  background:#bdb7ff !important;
  box-shadow:0 0 0 4px rgba(189, 183, 255, .18), 0 0 10px rgba(127, 232, 255, .34) !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-seek::-moz-range-thumb{
  width:13px !important;
  height:13px !important;
  background:#bdb7ff !important;
  box-shadow:0 0 0 4px rgba(189, 183, 255, .18), 0 0 10px rgba(127, 232, 255, .34) !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-vol-wrap-wide{
  gap:6px !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-vol-wide{
  width:82px !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-speed-wide{
  min-width:54px !important;
  height:28px !important;
  padding:0 6px !important;
  border-radius:8px !important;
  background:rgba(12, 15, 25, .52) !important;
  color:#e8edff !important;
  font:800 11px/1 Inter, system-ui, sans-serif !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-overlay{
  z-index:4 !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced:not(.cvb-paused) .cvb-overlay{
  opacity:0 !important;
  pointer-events:none !important;
}

body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-loading{
  z-index:6 !important;
}

@container (max-width:560px){
  body.retro-forum .custom-video-wrap.custom-video-enhanced .custom-video-bar{
    padding:7px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-controls-row{
    grid-template-columns:auto minmax(92px, 1fr) auto !important;
    gap:7px !important;
  }

  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-controls-left,
  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-controls-right{
    gap:5px !important;
  }

  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-btn{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    min-height:28px !important;
    font-size:14px !important;
  }

  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-vol-wide{
    width:56px !important;
  }

  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-speed-wide{
    min-width:48px !important;
    font-size:10px !important;
  }
}

@container (max-width:430px){
  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-controls-row{
    grid-template-columns:auto minmax(72px, 1fr) auto !important;
  }

  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-time-wide{
    min-width:62px !important;
    font-size:10px !important;
  }

  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-vol-wrap-wide,
  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-speed-wide{
    display:none !important;
  }
}

@container (max-width:340px){
  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-controls-row{
    grid-template-columns:auto minmax(60px, 1fr) auto !important;
    gap:5px !important;
  }

  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-time-wide{
    display:none !important;
  }

  body.retro-forum .custom-video-wrap.custom-video-enhanced .cvb-controls-right .cvb-btn[title="Ventana flotante"]{
    display:none !important;
  }
}

/* TRUE FINAL - Comment bubbles size to their content, WhatsApp-style. */
body.retro-forum .post-card.is-flipped .comment-item{
  width:100% !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:8px !important;
  margin:0 0 10px !important;
}

body.retro-forum .post-card.is-flipped .comment-item--own{
  justify-content:flex-end !important;
}

body.retro-forum .post-card.is-flipped .comment-item--own .comment-avatar{
  order:2 !important;
}

body.retro-forum .post-card.is-flipped .comment-avatar{
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  margin-top:2px !important;
  border:0 !important;
  border-radius:999px !important;
  object-fit:cover !important;
  opacity:.92 !important;
}

body.retro-forum .post-card.is-flipped .comment-body{
  flex:0 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:min(76%, 520px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

body.retro-forum .post-card.is-flipped .comment-item--own .comment-body{
  align-items:flex-end !important;
}

body.retro-forum .post-card.is-flipped .comment-bubble{
  width:-moz-fit-content !important;
  width:fit-content !important;
  min-width:0 !important;
  max-width:100% !important;
  display:inline-block !important;
  box-sizing:border-box !important;
  padding:8px 11px !important;
  border:0 !important;
  border-radius:5px 14px 14px 14px !important;
  background:#d9d7ff !important;
  color:#1f2862 !important;
  box-shadow:none !important;
}

body.retro-forum .post-card.is-flipped .comment-item--own .comment-bubble{
  border-radius:14px 5px 14px 14px !important;
  background:#d9d7ff !important;
}

body.retro-forum .post-card.is-flipped .comment-username{
  margin:0 0 3px !important;
  color:#24307e !important;
  font:900 11px/1.2 Inter, system-ui, sans-serif !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.retro-forum .post-card.is-flipped .comment-text{
  width:auto !important;
  max-width:100% !important;
  display:block !important;
  color:#263169 !important;
  font:600 13px/1.38 Inter, system-ui, sans-serif !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

body.retro-forum .post-card.is-flipped .comment-bubble img,
body.retro-forum .post-card.is-flipped .comment-bubble video{
  display:block !important;
  width:auto !important;
  max-width:min(280px, 100%) !important;
  max-height:260px !important;
  margin:5px 0 0 !important;
  border-radius:10px !important;
  object-fit:contain !important;
}

body.retro-forum .post-card.is-flipped .comment-bubble audio{
  width:min(280px, 100%) !important;
  max-width:100% !important;
  margin:5px 0 0 !important;
}

body.retro-forum .post-card.is-flipped .comment-body > .flex.ic.g2{
  width:-moz-fit-content !important;
  width:fit-content !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-top:3px !important;
  opacity:.86 !important;
}

body.retro-forum .post-card.is-flipped .comment-item--own .comment-body > .flex.ic.g2{
  justify-content:flex-end !important;
}

body.retro-forum .post-card.is-flipped .comment-time{
  color:#8a8fa3 !important;
  font:600 10px/1.2 Inter, system-ui, sans-serif !important;
}

body.retro-forum .post-card.is-flipped .comment-meta-actions{
  margin-left:6px !important;
}

body.retro-forum .post-card.is-flipped .comment-bubble textarea{
  width:min(360px, 70vw) !important;
  min-width:min(220px, 70vw) !important;
}

@media (max-width:640px){
  body.retro-forum .post-card.is-flipped .comment-body{
    max-width:82% !important;
  }

  body.retro-forum .post-card.is-flipped .comment-avatar{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
  }
}

/* TRUE FINAL - Messenger folder visibility is an icon only, red when active. */
body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye,
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:24px !important;
  min-width:24px !important;
  max-width:24px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#05070d !important;
  cursor:pointer !important;
  opacity:1 !important;
  transform:none !important;
  transition:color .14s ease, transform .14s ease, opacity .14s ease !important;
}

body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye svg,
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye svg,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye::before,
body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye::after,
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye::before,
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye::after,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye::before,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye::after{
  display:none !important;
  content:none !important;
}

body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye:hover,
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye:hover,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye:hover{
  color:#000000 !important;
  transform:scale(1.08) !important;
}

body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye:active,
body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye.fm-pressing,
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye:active,
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye.fm-pressing,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye:active,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye.fm-pressing{
  color:#e4263f !important;
  transform:scale(.94) !important;
}

body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye.is-hidden,
body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye[aria-pressed="true"],
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye.is-hidden,
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye[aria-pressed="true"],
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye.is-hidden,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye[aria-pressed="true"]{
  color:#e4263f !important;
}

/* TRUE FINAL - Messenger toolbar actions are modern icon-only controls. */
body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions{
  gap:10px !important;
  align-items:center !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#edf6ff !important;
  cursor:pointer !important;
  overflow:visible !important;
  transform:translateZ(0) scale(1) !important;
  filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3)) !important;
  transition:color .16s ease, transform .16s cubic-bezier(.2, .9, .2, 1.25), filter .16s ease, opacity .16s ease !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon::before,
body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon::after,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon::before,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon::after{
  display:none !important;
  content:none !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon svg,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  vector-effect:non-scaling-stroke !important;
  pointer-events:none !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon:hover,
body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon:focus-visible,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon:hover,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon:focus-visible{
  color:#ffffff !important;
  transform:translateY(-1px) scale(1.16) !important;
  filter:drop-shadow(0 6px 10px rgba(120, 205, 255, .26)) drop-shadow(0 1px 2px rgba(0, 0, 0, .34)) !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon:active,
body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon.fm-pressing,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon:active,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-action-icon.fm-pressing{
  color:#bfb6ff !important;
  transform:translateY(0) scale(.88) !important;
  filter:drop-shadow(0 0 11px rgba(191, 182, 255, .52)) !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-folder-create-btn:active,
body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-folder-create-btn.fm-pressing,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-folder-create-btn:active,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-folder-create-btn.fm-pressing{
  color:#7df0c9 !important;
  filter:drop-shadow(0 0 11px rgba(125, 240, 201, .5)) !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-blocked-btn:hover,
body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-blocked-btn:focus-visible,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-blocked-btn:hover,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-blocked-btn:focus-visible{
  color:#ff9aa8 !important;
  filter:drop-shadow(0 6px 10px rgba(255, 96, 116, .26)) drop-shadow(0 1px 2px rgba(0, 0, 0, .34)) !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-blocked-btn:active,
body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-blocked-btn.fm-pressing,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-blocked-btn:active,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-blocked-btn.fm-pressing{
  color:#ff4f67 !important;
  filter:drop-shadow(0 0 12px rgba(255, 79, 103, .58)) !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-requests-icon-btn.is-open,
body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-requests-icon-btn[aria-pressed="true"],
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-requests-icon-btn.is-open,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-requests-icon-btn[aria-pressed="true"]{
  color:#bfb6ff !important;
  filter:drop-shadow(0 0 12px rgba(191, 182, 255, .6)) !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-requests-icon-btn.has-pending,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-requests-icon-btn.has-pending{
  color:#7ee8ff !important;
  animation:msnToolbarIconPulse 1.65s ease-in-out infinite !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-requests-icon-btn #msn-requests-count,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-requests-icon-btn #msn-requests-count{
  position:absolute !important;
  top:-5px !important;
  right:-7px !important;
  min-width:15px !important;
  width:auto !important;
  height:15px !important;
  min-height:15px !important;
  padding:0 4px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:999px !important;
  background:#eef6ff !important;
  color:#103254 !important;
  box-shadow:0 0 0 2px rgba(22, 67, 107, .95), 0 3px 8px rgba(0, 0, 0, .24) !important;
  font:900 9px/1 Inter, system-ui, sans-serif !important;
  pointer-events:none !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar .msn-folder-icon-actions button.msn-requests-icon-btn #msn-requests-count.has-pending,
body.retro-forum #msn-panel .msn-friends-toolbar .msn-folder-icon-actions button.msn-requests-icon-btn #msn-requests-count.has-pending{
  background:#ff4f67 !important;
  color:#ffffff !important;
  box-shadow:0 0 0 2px rgba(22, 67, 107, .95), 0 0 12px rgba(255, 79, 103, .58) !important;
}

@keyframes msnToolbarIconPulse{
  0%, 100%{ transform:translateZ(0) scale(1); }
  50%{ transform:translateY(-1px) scale(1.09); }
}

/* TRUE FINAL - Messenger contacts use one square avatar size for every user. */
body.retro-forum #msn-contact-list button.msn-contact,
body.retro-forum #msn-contact-list button.msn-contact:hover,
body.retro-forum #msn-contact-list button.msn-contact:focus,
body.retro-forum #msn-contact-list button.msn-contact:focus-visible,
body.retro-forum #msn-contact-list button.msn-contact.has-unread{
  min-height:56px !important;
  grid-template-columns:10px 40px minmax(0, 1fr) !important;
  column-gap:10px !important;
}

body.retro-forum #msn-contact-list button.msn-contact .msn-contact-avatar,
body.retro-forum #msn-contact-list .msn-contact-avatar,
body.retro-forum #msn-contact-list .msn-avatar,
body.retro-forum #msn-contact-list .msn-folder-item img{
  display:block !important;
  box-sizing:border-box !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  aspect-ratio:1 / 1 !important;
  border:0 !important;
  border-radius:9px !important;
  background:#1b2330 !important;
  object-fit:cover !important;
  object-position:center center !important;
  box-shadow:none !important;
  flex:0 0 40px !important;
}

body.retro-forum #msn-contact-list button.msn-contact .msn-contact-copy{
  min-height:40px !important;
}

/* TRUE FINAL - New post URL field text stays readable on the light pill. */
body.retro-forum .new-post-card #np-url,
body.retro-forum #new-post-form #np-url,
body.retro-forum #np-url{
  color:#05070d !important;
  -webkit-text-fill-color:#05070d !important;
  caret-color:#05070d !important;
}

body.retro-forum .new-post-card #np-url::placeholder,
body.retro-forum #new-post-form #np-url::placeholder,
body.retro-forum #np-url::placeholder{
  color:#05070d !important;
  -webkit-text-fill-color:#05070d !important;
  opacity:.72 !important;
}

body.retro-forum .new-post-card #np-url:focus,
body.retro-forum #new-post-form #np-url:focus,
body.retro-forum #np-url:focus{
  color:#05070d !important;
  -webkit-text-fill-color:#05070d !important;
}

/* TRUE FINAL - Publish teaser prompt stays bright on dark surface. */
body.retro-forum #page-wall .feed-header .panel-title,
body.retro-forum #page-wall .feed-header .panel-title::after,
body.retro-forum #page-user-wall .feed-header .panel-title,
body.retro-forum #page-user-wall .feed-header .panel-title::after{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(0, 0, 0, .45) !important;
}

/* TRUE FINAL - Pasted screenshots in the post composer get a clear preview. */
body.retro-forum #new-post-form #np-preview{
  width:100% !important;
}

body.retro-forum #new-post-form .np-media-preview{
  width:100% !important;
  max-width:460px !important;
  min-height:82px !important;
  display:grid !important;
  grid-template-columns:92px minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px !important;
  border:1px solid rgba(195, 192, 255, .34) !important;
  border-radius:12px !important;
  background:#121620 !important;
  box-shadow:0 10px 24px rgba(0, 0, 0, .2) !important;
}

body.retro-forum #new-post-form .np-media-preview__thumb{
  width:92px !important;
  height:64px !important;
  overflow:hidden !important;
  border-radius:8px !important;
  background:#080b12 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.retro-forum #new-post-form .np-media-preview__thumb img,
body.retro-forum #new-post-form .np-media-preview__thumb video{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  display:block !important;
  object-fit:cover !important;
  border-radius:8px !important;
}

body.retro-forum #new-post-form .np-media-preview__meta{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
  color:#ffffff !important;
}

body.retro-forum #new-post-form .np-media-preview__meta strong{
  color:#ffffff !important;
  font:900 12px/1.1 Inter, system-ui, sans-serif !important;
}

body.retro-forum #new-post-form .np-media-preview__meta span{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#c9c6ff !important;
  font:700 11px/1.1 Inter, system-ui, sans-serif !important;
}

body.retro-forum #new-post-form .np-media-preview__remove{
  appearance:none !important;
  -webkit-appearance:none !important;
  height:32px !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#2a2f3b !important;
  color:#ffffff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
  transition:background .15s ease, color .15s ease, transform .15s ease !important;
}

body.retro-forum #new-post-form .np-media-preview__remove:hover,
body.retro-forum #new-post-form .np-media-preview__remove:focus-visible{
  background:#ff4f67 !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
}

@media (max-width: 520px){
  body.retro-forum #new-post-form .np-media-preview{
    grid-template-columns:74px minmax(0, 1fr) !important;
  }

  body.retro-forum #new-post-form .np-media-preview__thumb{
    width:74px !important;
    height:58px !important;
  }

  body.retro-forum #new-post-form .np-media-preview__remove{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
}

/* TRUE FINAL - Messenger groups header uses the same blue bar as friends. */
body.retro-forum #msn-panel .msn-folder-list .msn-folder > .msn-folder-head,
body.retro-forum #msn-contact-list .msn-folder-list .msn-folder > .msn-folder-head{
  min-height:42px !important;
  padding:7px 10px !important;
  border:1px solid rgba(143, 199, 255, .38) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg, #1b4d7e 0%, #153e67 100%) !important;
  color:#eef6ff !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.retro-forum #msn-panel .msn-folder-list .msn-folder > .msn-folder-head:hover,
body.retro-forum #msn-contact-list .msn-folder-list .msn-folder > .msn-folder-head:hover{
  background:linear-gradient(180deg, #215c93 0%, #174774 100%) !important;
  border-color:rgba(143, 199, 255, .5) !important;
}

body.retro-forum #msn-panel .msn-folder-list .msn-folder > .msn-folder-head .msn-folder-title,
body.retro-forum #msn-contact-list .msn-folder-list .msn-folder > .msn-folder-head .msn-folder-title{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-weight:900 !important;
}

body.retro-forum #msn-panel .msn-folder-list .msn-folder > .msn-folder-head .msn-folder-count,
body.retro-forum #msn-contact-list .msn-folder-list .msn-folder > .msn-folder-head .msn-folder-count{
  background:#d8e9ff !important;
  color:#233047 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* TRUE FINAL - Messenger compose bar: larger icons and separated audio bubble. */
body.retro-forum #msn-chat-compose.msn-chat-compose{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 72px !important;
  grid-template-areas:
    "tools tools"
    "input send"
    "progress progress"
    "emoji emoji"
    "sticker sticker" !important;
  align-items:center !important;
  gap:7px 10px !important;
  min-height:82px !important;
  padding:8px 7px 8px !important;
  overflow:visible !important;
}

body.retro-forum #msn-chat-compose .msn-compose-tools{
  grid-area:tools !important;
  width:100% !important;
  min-height:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

body.retro-forum #msn-chat-compose .msn-tool-btn{
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#b9bdd0 !important;
  box-shadow:none !important;
  opacity:1 !important;
  transform:translateZ(0) scale(1) !important;
  transition:color .16s ease, transform .16s cubic-bezier(.2, .9, .2, 1.25), filter .16s ease !important;
}

body.retro-forum #msn-chat-compose .msn-tool-btn::before{
  width:21px !important;
  height:21px !important;
  background:currentColor !important;
}

body.retro-forum #msn-chat-compose .msn-tool-btn:hover,
body.retro-forum #msn-chat-compose .msn-tool-btn:focus-visible{
  color:#ffffff !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:translateY(-1px) scale(1.14) !important;
  filter:drop-shadow(0 4px 9px rgba(191, 182, 255, .26)) !important;
}

body.retro-forum #msn-chat-compose .msn-tool-btn:active,
body.retro-forum #msn-chat-compose .msn-tool-btn.fm-pressing{
  transform:scale(.9) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn{
  position:relative !important;
  inset:auto !important;
  z-index:4 !important;
  margin-left:auto !important;
  width:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #d8d2ff, #aaa0ff) !important;
  color:#4e43c7 !important;
  box-shadow:0 5px 14px rgba(169, 160, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn::before{
  width:18px !important;
  height:18px !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn.is-recording,
body.retro-forum #msn-chat-compose .msn-audio-btn.is-locked{
  color:#ffffff !important;
  background:linear-gradient(180deg, #ff8096, #f03756) !important;
  box-shadow:0 0 0 4px rgba(240, 55, 86, .16), 0 0 18px rgba(240, 55, 86, .46) !important;
  animation:msnRecordButtonPulse 1.05s ease-in-out infinite !important;
}

body.retro-forum #msn-chat-compose #msn-dm-input{
  min-height:34px !important;
  height:34px !important;
  max-height:34px !important;
  padding:0 11px !important;
  line-height:34px !important;
}

body.retro-forum #msn-chat-compose .msn-dm-send{
  width:72px !important;
  min-width:72px !important;
  height:34px !important;
  min-height:34px !important;
  border-radius:7px !important;
  font-size:11px !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state{
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  bottom:calc(100% + 8px) !important;
  top:auto !important;
  z-index:40 !important;
  display:none !important;
  grid-template-columns:auto auto minmax(0, 1fr) !important;
  grid-template-areas:
    "dot timer hint"
    "line line actions" !important;
  align-items:center !important;
  gap:7px 9px !important;
  min-height:66px !important;
  margin:0 !important;
  padding:9px 10px !important;
  border:1px solid rgba(255, 96, 116, .34) !important;
  border-radius:13px !important;
  background:linear-gradient(180deg, rgba(27, 31, 42, .98), rgba(16, 19, 29, .98)) !important;
  box-shadow:0 16px 32px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  color:#ffffff !important;
  pointer-events:auto !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state.is-pending,
body.retro-forum #msn-chat-compose .msn-audio-state.is-recording,
body.retro-forum #msn-chat-compose .msn-audio-state.is-locked,
body.retro-forum #msn-chat-compose .msn-audio-state.is-paused{
  display:grid !important;
  animation:msnAudioBubbleIn .16s ease-out both !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state.is-idle{
  display:none !important;
}

body.retro-forum #msn-chat-compose .msn-audio-dot{
  grid-area:dot !important;
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  background:#ff4f67 !important;
  box-shadow:0 0 0 0 rgba(255, 79, 103, .38) !important;
  animation:msnRecordDotPulse 1s ease-in-out infinite !important;
}

body.retro-forum #msn-chat-compose .msn-audio-timer{
  grid-area:timer !important;
  min-width:38px !important;
  color:#ffffff !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hint{
  grid-area:hint !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#c9c6ff !important;
  font:850 11px/1.15 Inter, system-ui, sans-serif !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state.is-paused .msn-audio-hint{
  color:#ffd5de !important;
}

body.retro-forum #msn-chat-compose .msn-audio-timeline{
  grid-area:line !important;
  width:100% !important;
  min-width:0 !important;
  height:7px !important;
  border-radius:999px !important;
  background:rgba(143, 199, 255, .16) !important;
  overflow:hidden !important;
}

body.retro-forum #msn-chat-compose .msn-audio-timeline i{
  display:block !important;
  height:100% !important;
  border-radius:inherit !important;
  background:linear-gradient(90deg, #ff4f67, #bfb6ff) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-actions{
  grid-area:actions !important;
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}

body.retro-forum #msn-chat-compose .msn-audio-pause,
body.retro-forum #msn-chat-compose .msn-audio-send,
body.retro-forum #msn-chat-compose .msn-audio-cancel{
  appearance:none !important;
  -webkit-appearance:none !important;
  height:28px !important;
  min-height:28px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#2a2f3b !important;
  color:#ffffff !important;
  font:900 10px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:background .15s ease, color .15s ease, transform .15s ease !important;
}

body.retro-forum #msn-chat-compose .msn-audio-send{
  background:linear-gradient(180deg, #d8d2ff, #bfb6ff) !important;
  color:#1b1458 !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel{
  background:rgba(255, 79, 103, .14) !important;
  color:#ff8ea0 !important;
}

body.retro-forum #msn-chat-compose .msn-audio-pause:hover,
body.retro-forum #msn-chat-compose .msn-audio-send:hover,
body.retro-forum #msn-chat-compose .msn-audio-cancel:hover{
  transform:translateY(-1px) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel:hover{
  background:#ff4f67 !important;
  color:#ffffff !important;
}

@keyframes msnRecordButtonPulse{
  0%, 100%{ transform:translateZ(0) scale(1); }
  50%{ transform:translateY(-1px) scale(1.08); }
}

@keyframes msnRecordDotPulse{
  0%, 100%{ box-shadow:0 0 0 0 rgba(255, 79, 103, .38); transform:scale(1); }
  50%{ box-shadow:0 0 0 7px rgba(255, 79, 103, 0); transform:scale(1.12); }
}

@keyframes msnAudioBubbleIn{
  from{ opacity:0; transform:translateY(5px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

/* TRUE FINAL - Reaction bar is identical on desktop and mobile. */
body.retro-forum .post-face-front > .post-reactions,
body.retro-forum div[id^="reactions-"].post-reactions,
body.retro-forum .post-reactions{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:clamp(10px, 2.5vw, 22px) !important;
  min-height:52px !important;
  height:auto !important;
  padding:8px 16px !important;
  margin:0 !important;
  border:1px solid rgba(195, 192, 255, .22) !important;
  border-radius:0 0 8px 8px !important;
  background:#11141d !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  color:#eef3ff !important;
  overflow:hidden !important;
}

body.retro-forum .post-reactions .react-sep,
body.retro-forum .post-face-front > .post-reactions .react-sep,
body.retro-forum div[id^="reactions-"].post-reactions .react-sep{
  display:none !important;
}

body.retro-forum .post-reactions .react-btn,
body.retro-forum .post-reactions .comment-btn,
body.retro-forum .post-reactions .share-btn,
body.retro-forum .post-reactions .report-btn,
body.retro-forum .post-face-front > .post-reactions .react-btn,
body.retro-forum .post-face-front > .post-reactions .comment-btn,
body.retro-forum .post-face-front > .post-reactions .share-btn,
body.retro-forum .post-face-front > .post-reactions .report-btn,
body.retro-forum div[id^="reactions-"].post-reactions .react-btn,
body.retro-forum div[id^="reactions-"].post-reactions .comment-btn,
body.retro-forum div[id^="reactions-"].post-reactions .share-btn,
body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#eef3ff !important;
  opacity:1 !important;
  overflow:visible !important;
  text-transform:none !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
  transform:translateZ(0) scale(1) !important;
  transition:color .16s ease, transform .16s cubic-bezier(.2, .9, .22, 1.25), filter .16s ease !important;
}

body.retro-forum .post-reactions .comment-btn,
body.retro-forum .post-reactions .share-btn,
body.retro-forum .post-reactions .report-btn,
body.retro-forum .post-face-front > .post-reactions .comment-btn,
body.retro-forum .post-face-front > .post-reactions .share-btn,
body.retro-forum .post-face-front > .post-reactions .report-btn,
body.retro-forum div[id^="reactions-"].post-reactions .comment-btn,
body.retro-forum div[id^="reactions-"].post-reactions .share-btn,
body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
  padding:0 2px !important;
}

body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
body.retro-forum .post-face-front > .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
body.retro-forum div[id^="reactions-"].post-reactions .react-btn > span:not(.react-icon):not(.react-count){
  display:none !important;
}

body.retro-forum .post-reactions .react-icon,
body.retro-forum .post-reactions .comment-btn-icon,
body.retro-forum .post-face-front > .post-reactions .react-icon,
body.retro-forum .post-face-front > .post-reactions .comment-btn-icon,
body.retro-forum div[id^="reactions-"].post-reactions .react-icon,
body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon{
  width:22px !important;
  min-width:22px !important;
  max-width:22px !important;
  height:22px !important;
  min-height:22px !important;
  max-height:22px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:currentColor !important;
  font-size:20px !important;
  line-height:1 !important;
  filter:none !important;
}

body.retro-forum .post-reactions .react-icon svg,
body.retro-forum .post-reactions .comment-btn-icon svg,
body.retro-forum .post-reactions .share-btn svg,
body.retro-forum .post-reactions .report-btn svg,
body.retro-forum .post-face-front > .post-reactions .react-icon svg,
body.retro-forum .post-face-front > .post-reactions .comment-btn-icon svg,
body.retro-forum .post-face-front > .post-reactions .share-btn svg,
body.retro-forum .post-face-front > .post-reactions .report-btn svg,
body.retro-forum div[id^="reactions-"].post-reactions .react-icon svg,
body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon svg,
body.retro-forum div[id^="reactions-"].post-reactions .share-btn svg,
body.retro-forum div[id^="reactions-"].post-reactions .report-btn svg{
  width:21px !important;
  min-width:21px !important;
  height:21px !important;
  min-height:21px !important;
  display:block !important;
  stroke:currentColor !important;
  fill:none !important;
  color:currentColor !important;
  opacity:1 !important;
  filter:none !important;
}

body.retro-forum .post-reactions .heart-btn,
body.retro-forum .post-face-front > .post-reactions .heart-btn,
body.retro-forum div[id^="reactions-"].post-reactions .heart-btn{
  color:#ff3f76 !important;
}

body.retro-forum .post-reactions .like-btn,
body.retro-forum .post-reactions .dislike-btn,
body.retro-forum .post-face-front > .post-reactions .like-btn,
body.retro-forum .post-face-front > .post-reactions .dislike-btn,
body.retro-forum div[id^="reactions-"].post-reactions .like-btn,
body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn{
  color:#e8edff !important;
}

body.retro-forum .post-reactions .dislike-btn.active,
body.retro-forum .post-face-front > .post-reactions .dislike-btn.active,
body.retro-forum div[id^="reactions-"].post-reactions .dislike-btn.active{
  color:#ff3458 !important;
}

body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
body.retro-forum .post-reactions .share-btn > span,
body.retro-forum .post-reactions .report-btn > span,
body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
body.retro-forum .post-face-front > .post-reactions .share-btn > span,
body.retro-forum .post-face-front > .post-reactions .report-btn > span,
body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span,
body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span{
  display:inline-flex !important;
  position:static !important;
  width:auto !important;
  max-width:none !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  clip:auto !important;
  white-space:nowrap !important;
  color:currentColor !important;
  opacity:1 !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
}

body.retro-forum .post-reactions .react-count,
body.retro-forum .post-reactions .react-count--heart,
body.retro-forum .post-reactions .comment-btn span[id^="ccount"],
body.retro-forum .post-face-front > .post-reactions .react-count,
body.retro-forum .post-face-front > .post-reactions .react-count--heart,
body.retro-forum .post-face-front > .post-reactions .comment-btn span[id^="ccount"],
body.retro-forum div[id^="reactions-"].post-reactions .react-count,
body.retro-forum div[id^="reactions-"].post-reactions .react-count--heart,
body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]{
  position:static !important;
  inset:auto !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#ffffff !important;
  opacity:1 !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
  line-height:1 !important;
}

body.retro-forum .post-reactions .comment-btn span[id^="ccount"]:empty,
body.retro-forum .post-face-front > .post-reactions .comment-btn span[id^="ccount"]:empty,
body.retro-forum div[id^="reactions-"].post-reactions .comment-btn span[id^="ccount"]:empty{
  display:none !important;
}

body.retro-forum .post-reactions .share-btn,
body.retro-forum .post-face-front > .post-reactions .share-btn,
body.retro-forum div[id^="reactions-"].post-reactions .share-btn{
  margin-left:0 !important;
  color:#eef3ff !important;
}

body.retro-forum .post-reactions .report-btn,
body.retro-forum .post-face-front > .post-reactions .report-btn,
body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
  color:#ff8e9f !important;
}

body.retro-forum .post-reactions .react-btn:hover,
body.retro-forum .post-reactions .comment-btn:hover,
body.retro-forum .post-reactions .share-btn:hover,
body.retro-forum .post-reactions .report-btn:hover,
body.retro-forum .post-face-front > .post-reactions .react-btn:hover,
body.retro-forum .post-face-front > .post-reactions .comment-btn:hover,
body.retro-forum .post-face-front > .post-reactions .share-btn:hover,
body.retro-forum .post-face-front > .post-reactions .report-btn:hover,
body.retro-forum div[id^="reactions-"].post-reactions .react-btn:hover,
body.retro-forum div[id^="reactions-"].post-reactions .comment-btn:hover,
body.retro-forum div[id^="reactions-"].post-reactions .share-btn:hover,
body.retro-forum div[id^="reactions-"].post-reactions .report-btn:hover{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:translateY(-1px) scale(1.04) !important;
  filter:drop-shadow(0 5px 10px rgba(195, 192, 255, .18)) !important;
}

@media (max-width: 430px){
  body.retro-forum .post-face-front > .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions,
  body.retro-forum .post-reactions{
    gap:9px !important;
    padding-inline:12px !important;
  }

  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-reactions .share-btn > span,
  body.retro-forum .post-face-front > .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-face-front > .post-reactions .share-btn > span,
  body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span{
    font-size:12px !important;
  }
}

/* TRUE FINAL - Post header avatar fills the square cleanly. */
body.retro-forum .post-header .av-wrap,
body.retro-forum .post-face-front .post-header .av-wrap,
body.retro-forum #page-wall .post-header .av-wrap,
body.retro-forum #page-user-wall .post-header .av-wrap{
  position:relative !important;
  display:block !important;
  width:50px !important;
  min-width:50px !important;
  max-width:50px !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  padding:0 !important;
  margin:0 !important;
  line-height:0 !important;
  border:1px solid var(--fm-border) !important;
  border-radius:0 !important;
  background:#05070d !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.retro-forum .post-header .av-wrap > img.post-avatar,
body.retro-forum .post-face-front .post-header .av-wrap > img.post-avatar,
body.retro-forum #page-wall .post-header .av-wrap > img.post-avatar,
body.retro-forum #page-user-wall .post-header .av-wrap > img.post-avatar,
body.retro-forum .post-header .post-avatar.av{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#05070d !important;
  object-fit:cover !important;
  object-position:center center !important;
  box-shadow:none !important;
  transform:scale(1.12) !important;
  transform-origin:center center !important;
}

body.retro-forum .post-header .av-wrap .live-dot{
  z-index:2 !important;
  bottom:2px !important;
  right:2px !important;
}

/* TRUE FINAL - Fullscreen videos use the whole screen instead of the post height. */
body.retro-forum .custom-video-wrap:fullscreen,
body.retro-forum .custom-video-wrap.custom-video-enhanced:fullscreen,
.custom-video-wrap:fullscreen,
.custom-video-wrap.custom-video-enhanced:fullscreen{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100vw !important;
  min-width:100vw !important;
  max-width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  max-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  background:#000 !important;
  container-type:normal !important;
}

body.retro-forum .custom-video-wrap:-webkit-full-screen,
body.retro-forum .custom-video-wrap.custom-video-enhanced:-webkit-full-screen,
.custom-video-wrap:-webkit-full-screen,
.custom-video-wrap.custom-video-enhanced:-webkit-full-screen{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100vw !important;
  min-width:100vw !important;
  max-width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  max-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  background:#000 !important;
  container-type:normal !important;
}

body.retro-forum .custom-video-wrap:-moz-full-screen,
body.retro-forum .custom-video-wrap.custom-video-enhanced:-moz-full-screen,
.custom-video-wrap:-moz-full-screen,
.custom-video-wrap.custom-video-enhanced:-moz-full-screen{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100vw !important;
  min-width:100vw !important;
  max-width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  max-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  background:#000 !important;
  container-type:normal !important;
}

body.retro-forum .custom-video-wrap:fullscreen > video,
body.retro-forum .custom-video-wrap.custom-video-enhanced:fullscreen > video,
.custom-video-wrap:fullscreen > video,
.custom-video-wrap.custom-video-enhanced:fullscreen > video{
  display:block !important;
  width:100vw !important;
  min-width:0 !important;
  max-width:100vw !important;
  height:100vh !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#000 !important;
  transform:none !important;
}

body.retro-forum .custom-video-wrap:-webkit-full-screen > video,
body.retro-forum .custom-video-wrap.custom-video-enhanced:-webkit-full-screen > video,
.custom-video-wrap:-webkit-full-screen > video,
.custom-video-wrap.custom-video-enhanced:-webkit-full-screen > video{
  display:block !important;
  width:100vw !important;
  min-width:0 !important;
  max-width:100vw !important;
  height:100vh !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#000 !important;
  transform:none !important;
}

body.retro-forum .custom-video-wrap:-moz-full-screen > video,
body.retro-forum .custom-video-wrap.custom-video-enhanced:-moz-full-screen > video,
.custom-video-wrap:-moz-full-screen > video,
.custom-video-wrap.custom-video-enhanced:-moz-full-screen > video{
  display:block !important;
  width:100vw !important;
  min-width:0 !important;
  max-width:100vw !important;
  height:100vh !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#000 !important;
  transform:none !important;
}

body.retro-forum .custom-video-wrap:fullscreen .custom-video-bar,
body.retro-forum .custom-video-wrap.custom-video-enhanced:fullscreen .custom-video-bar,
.custom-video-wrap:fullscreen .custom-video-bar,
.custom-video-wrap.custom-video-enhanced:fullscreen .custom-video-bar,
body.retro-forum .custom-video-wrap:-webkit-full-screen .custom-video-bar,
body.retro-forum .custom-video-wrap.custom-video-enhanced:-webkit-full-screen .custom-video-bar,
.custom-video-wrap:-webkit-full-screen .custom-video-bar,
.custom-video-wrap.custom-video-enhanced:-webkit-full-screen .custom-video-bar,
body.retro-forum .custom-video-wrap:-moz-full-screen .custom-video-bar,
body.retro-forum .custom-video-wrap.custom-video-enhanced:-moz-full-screen .custom-video-bar,
.custom-video-wrap:-moz-full-screen .custom-video-bar,
.custom-video-wrap.custom-video-enhanced:-moz-full-screen .custom-video-bar{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:20 !important;
  width:100% !important;
  box-sizing:border-box !important;
}

body.retro-forum video:fullscreen,
body.retro-forum video:-webkit-full-screen,
body.retro-forum video:-moz-full-screen{
  width:100vw !important;
  height:100vh !important;
  max-width:100vw !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#000 !important;
}

/* TRUE FINAL - Instagram previews hide the official bottom action/comment strip. */
body.retro-forum .instagram-embed-wrap.instagram-actions-trimmed{
  overflow:hidden !important;
}

body.retro-forum .instagram-embed-wrap.instagram-actions-trimmed .instagram-media{
  display:block !important;
  height:var(--ig-embed-visible-height) !important;
  min-height:0 !important;
  max-height:var(--ig-embed-visible-height) !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:4px !important;
}

body.retro-forum .instagram-embed-wrap.instagram-actions-trimmed iframe{
  display:block !important;
  width:100% !important;
  height:var(--ig-embed-full-height) !important;
  min-height:var(--ig-embed-full-height) !important;
  max-height:none !important;
  margin:0 !important;
  border:0 !important;
}

/* TRUE FINAL - Post images show the whole picture while keeping the existing border. */
body.retro-forum .post-img,
body.retro-forum .post-card .post-img,
body.retro-forum .post-face-front .post-img,
body.retro-forum .post-body img.post-img,
body.retro-forum [id^="post-body-"] img.post-img,
body.retro-forum #posts-list [id^="post-body-"] > img.post-img,
body.retro-forum #page-wall [id^="post-body-"] > img.post-img,
body.retro-forum #page-user-wall [id^="post-body-"] > img.post-img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:1px solid rgba(70, 69, 85, .42) !important;
  border-radius:4px !important;
  background:var(--fm-bg-deep) !important;
  overflow:hidden !important;
}

/* TRUE FINAL - Stitch personal wall template, centered in the middle column. */
body.retro-forum #page-user-wall{
  width:min(100%, 720px) !important;
  max-width:720px !important;
  margin:0 auto !important;
  padding:24px 0 56px !important;
}

/* TRUE FINAL - Keep uploaded post media aligned inside the card. */
body.retro-forum #posts-list [id^="post-body-"] > img.post-img,
body.retro-forum #page-wall [id^="post-body-"] > img.post-img,
body.retro-forum #user-wall-posts [id^="post-body-"] > img.post-img,
body.retro-forum #page-user-wall [id^="post-body-"] > img.post-img,
body.retro-forum #posts-list [id^="post-body-"] > video.post-video,
body.retro-forum #page-wall [id^="post-body-"] > video.post-video,
body.retro-forum #user-wall-posts [id^="post-body-"] > video.post-video,
body.retro-forum #page-user-wall [id^="post-body-"] > video.post-video,
body.retro-forum #posts-list [id^="post-body-"] > .custom-video-wrap,
body.retro-forum #page-wall [id^="post-body-"] > .custom-video-wrap,
body.retro-forum #user-wall-posts [id^="post-body-"] > .custom-video-wrap,
body.retro-forum #page-user-wall [id^="post-body-"] > .custom-video-wrap{
  box-sizing:border-box !important;
  width:calc(100% - 32px) !important;
  max-width:calc(100% - 32px) !important;
  margin:0 16px 16px !important;
}

body.retro-forum #user-wall-page-header,
body.retro-forum #user-wall-stream-section,
body.retro-forum #user-wall-post-form,
body.retro-forum #user-wall-gallery,
body.retro-forum #user-wall-posts{
  width:100% !important;
  max-width:720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

body.retro-forum #user-wall-page-header,
body.retro-forum #user-wall-stream-section,
body.retro-forum #user-wall-post-form,
body.retro-forum #user-wall-gallery{
  margin-bottom:16px !important;
}

body.retro-forum .uwx-shell,
body.retro-forum .uwx-compose-card,
body.retro-forum .uwx-gallery-card{
  border:1px solid #33343d !important;
  border-radius:8px !important;
  background:#11131b !important;
  color:#e1e1ed !important;
  overflow:hidden !important;
  box-shadow:none !important;
}

body.retro-forum .uwx-cover{
  position:relative !important;
  height:190px !important;
  background:var(--uwx-cover-image,
    radial-gradient(circle at 20% 0%, rgba(195, 192, 255, .16), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(78, 222, 163, .08), transparent 30%),
    linear-gradient(145deg, #373942, #191b23 44%, #0c0e16)) !important;
  background-size:var(--uwx-cover-size, cover) !important;
  background-position:var(--uwx-cover-position, center) !important;
}

body.retro-forum .uwx-cover::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(12,14,22,.06), rgba(12,14,22,.92)) !important;
  pointer-events:none !important;
}

body.retro-forum .uwx-live-pill,
body.retro-forum .uwx-cover-btn{
  position:absolute !important;
  z-index:2 !important;
  top:16px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:28px !important;
  padding:0 11px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:6px !important;
  font:800 11px/1 Inter, system-ui, sans-serif !important;
  text-decoration:none !important;
}

body.retro-forum .uwx-live-pill{
  left:16px !important;
  background:#ff8f99 !important;
  color:#ffffff !important;
  letter-spacing:.04em !important;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.retro-forum .uwx-live-pill i{
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  box-shadow:0 0 0 4px rgba(255,255,255,.12) !important;
}
body.retro-forum .uwx-live-pill b{
  font:inherit !important;
  color:inherit !important;
}
body.retro-forum .uwx-live-pill.is-live{
  background:linear-gradient(135deg,#9146ff,#ff3d71) !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:0 0 0 3px rgba(145,70,255,.16), 0 12px 28px rgba(145,70,255,.24) !important;
  animation:uwxLivePillPulse 1.55s ease-in-out infinite !important;
}
body.retro-forum .uwx-live-pill.is-live i{
  background:#ffffff !important;
  box-shadow:0 0 0 4px rgba(255,255,255,.18), 0 0 18px rgba(255,255,255,.9) !important;
}
@keyframes uwxLivePillPulse{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-1px) scale(1.035); }
}

body.retro-forum .uwx-cover-btn{
  right:16px !important;
  background:rgba(25, 27, 35, .72) !important;
  color:#ffffff !important;
  cursor:pointer !important;
  backdrop-filter:blur(16px) !important;
  transition:transform .16s ease, background-color .16s ease, border-color .16s ease !important;
}

body.retro-forum .uwx-cover-btn:hover{
  transform:translateY(-1px) !important;
  background:rgba(40, 42, 50, .88) !important;
  border-color:rgba(195,192,255,.38) !important;
}

body.retro-forum .uwx-cover-btn svg,
body.retro-forum .uwx-action svg,
body.retro-forum .uwx-compose-icon svg,
body.retro-forum .uwx-gallery-tabs svg,
body.retro-forum .uwx-gallery-kind svg,
body.retro-forum .uwx-gallery-tile--add svg{
  width:16px !important;
  height:16px !important;
  display:block !important;
  fill:currentColor !important;
}

body.retro-forum .uwx-profile-row{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:104px minmax(0, 1fr) auto !important;
  gap:18px !important;
  align-items:end !important;
  margin-top:-54px !important;
  padding:0 24px 24px !important;
}

body.retro-forum .uwx-avatar-wrap{
  position:relative !important;
  width:96px !important;
  height:96px !important;
  border-radius:999px !important;
  padding:5px !important;
  background:#11131b !important;
  box-shadow:0 20px 42px rgba(0,0,0,.36), 0 0 0 1px rgba(195,192,255,.18) !important;
}

body.retro-forum .uwx-avatar{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border-radius:999px !important;
  object-fit:cover !important;
  border:0 !important;
  background:#0c0e16 !important;
}

body.retro-forum .uwx-live-dot{
  right:7px !important;
  bottom:8px !important;
}

body.retro-forum .uwx-profile-copy{
  min-width:0 !important;
  padding-bottom:4px !important;
}

body.retro-forum .uwx-name{
  margin:0 !important;
  color:#ffffff !important;
  font:800 21px/1.15 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

body.retro-forum .uwx-handle{
  margin-top:3px !important;
  color:#c7c4d8 !important;
  font:600 13px/1.2 Inter, system-ui, sans-serif !important;
}

body.retro-forum .uwx-desc{
  max-width:420px !important;
  margin:7px 0 0 !important;
  color:#c7c4d8 !important;
  font:500 13px/1.4 Inter, system-ui, sans-serif !important;
}

body.retro-forum .uwx-stats{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  margin-top:10px !important;
  color:#c7c4d8 !important;
  font:600 13px/1 Inter, system-ui, sans-serif !important;
}

body.retro-forum .uwx-stats strong{
  color:#ffffff !important;
  font-weight:900 !important;
}
body.retro-forum .uwx-stat-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  min-height:24px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#c7c4d8 !important;
  font:600 13px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
  transition:transform .16s ease, color .16s ease, filter .16s ease !important;
}
body.retro-forum .uwx-stat-btn:hover{
  color:#ffffff !important;
  transform:translateY(-1px) !important;
  filter:drop-shadow(0 0 10px rgba(195,192,255,.18)) !important;
}

body.retro-forum .uwx-actions{
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  min-width:136px !important;
  align-self:center !important;
}

body.retro-forum .uwx-action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:36px !important;
  padding:0 14px !important;
  border-radius:8px !important;
  border:1px solid #464555 !important;
  background:#191b23 !important;
  color:#ffffff !important;
  font:800 12px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
  transition:transform .16s ease, filter .16s ease, background-color .16s ease !important;
}

body.retro-forum .uwx-action:hover{
  transform:translateY(-1px) !important;
  background:#282a32 !important;
}

body.retro-forum .uwx-action--stream{
  border-color:rgba(78,222,163,.32) !important;
  background:#4edea3 !important;
  color:#003824 !important;
  box-shadow:0 10px 22px rgba(78,222,163,.14) !important;
}

body.retro-forum .uwx-action--stream:hover,
body.retro-forum .uwx-action--stream:focus-visible{
  border-color:rgba(255,68,88,.82) !important;
  background:#ff304f !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 12px 26px rgba(255,48,79,.28) !important;
}

body.retro-forum .uwx-compose-card{
  min-height:64px !important;
  padding:14px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  background:#191b23 !important;
  cursor:pointer !important;
  transition:background-color .16s ease, border-color .16s ease, transform .16s ease !important;
}

body.retro-forum .uwx-compose-card:hover{
  background:#1d1f28 !important;
  border-color:#464555 !important;
}

body.retro-forum .uwx-compose-card:active{
  transform:scale(.995) !important;
}

body.retro-forum .uwx-compose-left{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
}

body.retro-forum .uwx-compose-icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#282a32 !important;
  color:#c3c0ff !important;
  border:1px solid rgba(195,192,255,.12) !important;
}

body.retro-forum .uwx-compose-text{
  color:#c7c4d8 !important;
  font:700 15px/1.2 Inter, system-ui, sans-serif !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.retro-forum .uwx-compose-btn{
  min-height:38px !important;
  padding:0 22px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#c3c0ff !important;
  color:#1d00a5 !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  cursor:pointer !important;
  box-shadow:0 12px 26px rgba(195,192,255,.18) !important;
}

body.retro-forum #uw-post-panel.new-post-card{
  border-radius:8px !important;
  border:1px solid #33343d !important;
  background:#11131b !important;
}

body.retro-forum .uwx-gallery-card{
  background:#11131b !important;
}

body.retro-forum .uwx-gallery-tabs{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  border-bottom:1px solid #33343d !important;
}

body.retro-forum .uwx-gallery-tabs button{
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  color:#c7c4d8 !important;
  font:800 13px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}

body.retro-forum .uwx-gallery-tabs button.active{
  color:#ffffff !important;
  border-bottom-color:#c3c0ff !important;
}

body.retro-forum .uwx-gallery-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
  padding:16px !important;
}

body.retro-forum .uwx-gallery-tile{
  position:relative !important;
  aspect-ratio:1/1 !important;
  min-width:0 !important;
  border:0 !important;
  border-radius:6px !important;
  overflow:hidden !important;
  background:#191b23 !important;
  cursor:pointer !important;
}

body.retro-forum .uwx-gallery-tile img,
body.retro-forum .uwx-gallery-tile video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

body.retro-forum .uwx-gallery-tile--media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(12,14,22,0) !important;
  transition:background-color .16s ease !important;
}

body.retro-forum .uwx-gallery-tile--media:hover::after{
  background:rgba(12,14,22,.22) !important;
}

body.retro-forum .uwx-gallery-kind{
  position:absolute !important;
  right:8px !important;
  top:8px !important;
  z-index:2 !important;
  width:26px !important;
  height:26px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:rgba(12,14,22,.68) !important;
  color:#ffffff !important;
}

body.retro-forum .uwx-gallery-tile--placeholder{
  border:1px solid rgba(255,255,255,.04) !important;
}

body.retro-forum .uwx-gallery-p1{background:linear-gradient(135deg,#ffab2e,#63b8ad 46%,#f4e38b) !important;}
body.retro-forum .uwx-gallery-p2{background:linear-gradient(135deg,#d5c870,#ffcf46 48%,#1e513c) !important;}
body.retro-forum .uwx-gallery-p3{background:radial-gradient(circle at 55% 45%,#fff1d2,#24475d 48%,#6a3f45) !important;}
body.retro-forum .uwx-gallery-p4{background:linear-gradient(135deg,#6f4f2d,#fff0bb 52%,#4b321c) !important;}
body.retro-forum .uwx-gallery-p5{background:linear-gradient(160deg,#8e463d,#f8cf73 48%,#6b3a2d) !important;}
body.retro-forum .uwx-gallery-p6{background:radial-gradient(circle,#f2f48b,#3d7c76 50%,#172f39) !important;}

body.retro-forum .uwx-gallery-tile--add{
  border:1px dashed #464555 !important;
  background:#191b23 !important;
  color:#c7c4d8 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.retro-forum .uwx-gallery-tile--add svg{
  width:30px !important;
  height:30px !important;
}

body.retro-forum .uwx-social-row{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  min-height:58px !important;
  border-top:1px solid #33343d !important;
}

body.retro-forum .uwx-social{
  width:30px !important;
  height:30px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ffffff !important;
  font:900 10px/1 Inter, system-ui, sans-serif !important;
  border:1px solid rgba(255,255,255,.1) !important;
  text-decoration:none !important;
  cursor:pointer !important;
  transition:transform .16s ease, filter .16s ease, border-color .16s ease !important;
}
body.retro-forum .uwx-social:hover{
  transform:translateY(-2px) scale(1.05) !important;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.24)) !important;
  border-color:rgba(255,255,255,.32) !important;
}

body.retro-forum .uwx-social--tw{background:#1d9bf0 !important;}
body.retro-forum .uwx-social--ig{background:#e1306c !important;}
body.retro-forum .uwx-social--yt{background:#ff1b1b !important;}
body.retro-forum .uwx-social--tiktok{background:#05060a !important;}
body.retro-forum .uwx-social--facebook{background:#1877f2 !important;}
body.retro-forum .uwx-social--twitch{background:#9146ff !important;}
body.retro-forum .uwx-social--kick{background:#53fc18 !important;color:#071008 !important;}
body.retro-forum .uwx-social--discord{background:#5865f2 !important;}
body.retro-forum .uwx-social--website{background:#283040 !important;}
body.retro-forum .uwx-social--add{background:#191b23 !important;color:#c7c4d8 !important;}
body.retro-forum .uwx-social svg{
  width:15px !important;
  height:15px !important;
  display:block !important;
}

body.retro-forum .uwx-social-row.is-social-updating{
  animation:uwxSocialRowUpdate .24s ease-out both !important;
}

@keyframes uwxSocialRowUpdate{
  from{opacity:.65;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}

body.retro-forum .uwx-social--yt svg{
  width:19px !important;
  height:19px !important;
}
body.retro-forum .uwx-social--add svg{
  width:16px !important;
  height:16px !important;
}

body.retro-forum .uwx-social-modal{
  width:min(680px, calc(100vw - 24px)) !important;
  max-width:min(680px, calc(100vw - 24px)) !important;
  max-height:calc(100dvh - 28px) !important;
  overflow:hidden !important;
  padding:0 !important;
  border:1px solid rgba(195,192,255,.18) !important;
  border-radius:18px !important;
  background:#12151f !important;
  color:#f4f1ff !important;
  box-shadow:0 28px 80px rgba(0,0,0,.52) !important;
}
body.retro-forum .uwx-social-editor{
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  max-height:calc(100dvh - 28px) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(76,215,246,.12), transparent 32%),
    radial-gradient(circle at 88% 8%, rgba(195,192,255,.14), transparent 30%),
    linear-gradient(180deg,#171a24,#10131b) !important;
}
body.retro-forum .uwx-social-editor-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:18px 18px 14px !important;
  border-bottom:1px solid rgba(195,192,255,.12) !important;
}
body.retro-forum .uwx-social-editor-kicker{
  color:#bdb6ff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
body.retro-forum .uwx-social-editor-head h2{
  margin:5px 0 0 !important;
  color:#ffffff !important;
  font:900 24px/1.1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-social-editor-head p{
  margin:7px 0 0 !important;
  color:#aaa6bf !important;
  font:700 13px/1.35 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-social-editor-close{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border:1px solid rgba(195,192,255,.14) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.06) !important;
  color:#ffffff !important;
  font:900 16px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}
body.retro-forum .uwx-social-editor-body{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:10px !important;
  padding:16px 18px !important;
  overflow:auto !important;
}
body.retro-forum .uwx-social-field{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px !important;
  border:1px solid rgba(195,192,255,.12) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.035) !important;
}
body.retro-forum .uwx-social-field-icon{
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
}
body.retro-forum .uwx-social-field-copy{
  min-width:0 !important;
  display:grid !important;
  gap:6px !important;
}
body.retro-forum .uwx-social-field-copy strong{
  color:#ffffff !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-social-field-copy input{
  width:100% !important;
  min-height:34px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(195,192,255,.14) !important;
  border-radius:10px !important;
  background:#080b12 !important;
  color:#ffffff !important;
  padding:0 10px !important;
  font:800 12px/1 Inter, system-ui, sans-serif !important;
  outline:none !important;
}
body.retro-forum .uwx-social-field-copy input:focus{
  border-color:#bdb6ff !important;
  box-shadow:0 0 0 3px rgba(195,192,255,.14) !important;
}
body.retro-forum .uwx-social-editor-actions{
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
  padding:14px 18px 18px !important;
  border-top:1px solid rgba(195,192,255,.12) !important;
}
body.retro-forum .uwx-social-editor-actions button{
  min-height:38px !important;
  border-radius:12px !important;
  padding:0 16px !important;
  border:1px solid rgba(195,192,255,.16) !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}
body.retro-forum .uwx-social-editor-cancel{
  background:rgba(255,255,255,.06) !important;
  color:#ffffff !important;
}
body.retro-forum .uwx-social-editor-save{
  background:linear-gradient(135deg,#4cd7f6,#c3c0ff) !important;
  color:#061019 !important;
}
@media (max-width:560px){
  body.retro-forum .uwx-social-editor-body{
    grid-template-columns:1fr !important;
  }
  body.retro-forum .uwx-social-editor-actions{
    flex-direction:column-reverse !important;
  }
  body.retro-forum .uwx-social-editor-actions button{
    width:100% !important;
  }
}

@media (max-width: 760px){
  body.retro-forum #page-user-wall{
    max-width:100% !important;
    padding:10px 0 24px !important;
  }

  body.retro-forum .uwx-cover{
    height:160px !important;
  }

  body.retro-forum .uwx-profile-row{
    grid-template-columns:82px minmax(0, 1fr) !important;
    align-items:end !important;
    gap:12px !important;
    padding:0 14px 18px !important;
  }

  body.retro-forum .uwx-avatar-wrap{
    width:78px !important;
    height:78px !important;
  }

  body.retro-forum .uwx-actions{
    grid-column:1 / -1 !important;
    flex-direction:row !important;
    min-width:0 !important;
  }

  body.retro-forum .uwx-action{
    flex:1 1 0 !important;
  }

  body.retro-forum .uwx-compose-card{
    padding:12px !important;
  }

  body.retro-forum .uwx-compose-btn{
    padding:0 14px !important;
  }

  body.retro-forum .uwx-gallery-grid{
    gap:5px !important;
    padding:10px !important;
  }
}

/* TRUE FINAL - Messenger hide eye is a clean generated icon, no button frame. */
body.retro-forum #msn-panel .msn-folder-eye,
body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye,
body.retro-forum #msn-contact-list .msn-folder-eye,
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye,
body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-eye,
body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-eye.is-visible,
body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-eye.is-hidden{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  z-index:3 !important;
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#05070d !important;
  opacity:1 !important;
  filter:none !important;
  cursor:pointer !important;
  transform:translateZ(0) scale(1) !important;
  transition:color .16s ease, transform .16s ease, filter .16s ease, opacity .16s ease !important;
}

body.retro-forum #msn-panel .msn-folder-eye svg,
body.retro-forum #msn-panel .msn-folder-head-actions .msn-folder-eye svg,
body.retro-forum #msn-contact-list .msn-folder-eye svg,
body.retro-forum #msn-contact-list .msn-folder-head-actions .msn-folder-eye svg,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye svg,
body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-eye svg{
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  min-height:22px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  filter:none !important;
}

body.retro-forum #msn-panel .msn-folder-eye::before,
body.retro-forum #msn-panel .msn-folder-eye::after,
body.retro-forum #msn-contact-list .msn-folder-eye::before,
body.retro-forum #msn-contact-list .msn-folder-eye::after{
  display:none !important;
  content:none !important;
}

body.retro-forum #msn-panel .msn-folder-eye:hover,
body.retro-forum #msn-contact-list .msn-folder-eye:hover,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye:hover{
  color:#000000 !important;
  transform:translateY(-1px) scale(1.12) !important;
  filter:drop-shadow(0 5px 10px rgba(5, 7, 13, .28)) !important;
}

body.retro-forum #msn-panel .msn-folder-eye:active,
body.retro-forum #msn-panel .msn-folder-eye.fm-pressing,
body.retro-forum #msn-contact-list .msn-folder-eye:active,
body.retro-forum #msn-contact-list .msn-folder-eye.fm-pressing,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye:active,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye.fm-pressing{
  color:#ff3458 !important;
  transform:translateY(1px) scale(.9) !important;
  animation:fmMsnEyeTap .26s ease !important;
}

body.retro-forum #msn-panel .msn-folder-eye.is-hidden,
body.retro-forum #msn-panel .msn-folder-eye[aria-pressed="true"],
body.retro-forum #msn-contact-list .msn-folder-eye.is-hidden,
body.retro-forum #msn-contact-list .msn-folder-eye[aria-pressed="true"],
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye.is-hidden,
body.retro-forum #msn-contact-list .msn-friend-folder .msn-folder-eye[aria-pressed="true"],
body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-eye.is-hidden,
body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title .msn-folder-eye[aria-pressed="true"]{
  color:#ff3458 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 8px rgba(255, 52, 88, .34)) !important;
}

@keyframes fmMsnEyeTap{
  0%{transform:translateY(0) scale(.88)}
  58%{transform:translateY(-1px) scale(1.2)}
  100%{transform:translateY(0) scale(1)}
}

/* TRUE FINAL - Groups counter sits beside GRUPOS, matching AMIGOS. */
body.retro-forum #msn-panel .msn-folder-list .msn-folder > .msn-folder-head .msn-folder-title,
body.retro-forum #msn-contact-list .msn-folder-list .msn-folder > .msn-folder-head .msn-folder-title{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
}

body.retro-forum #msn-panel .msn-folder-list .msn-folder > .msn-folder-head .msn-folder-title-count,
body.retro-forum #msn-contact-list .msn-folder-list .msn-folder > .msn-folder-head .msn-folder-title-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-width:24px !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 7px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#d8e9ff !important;
  color:#233047 !important;
  box-shadow:none !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

body.retro-forum #msn-panel .msn-folder-list .msn-folder.has-unread > .msn-folder-head .msn-folder-title-count,
body.retro-forum #msn-contact-list .msn-folder-list .msn-folder.has-unread > .msn-folder-head .msn-folder-title-count{
  background:#d8e9ff !important;
  color:#233047 !important;
}

/* TRUE FINAL - Group and friends counters share the same pill theme. */
body.retro-forum #msn-panel #msn-folder-list .msn-folder > .msn-folder-head,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder > .msn-folder-head{
  justify-content:flex-start !important;
}

body.retro-forum #msn-panel #msn-folder-list .msn-folder > .msn-folder-head > .msn-folder-count,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder > .msn-folder-head > .msn-folder-count{
  display:none !important;
}

body.retro-forum #msn-panel #msn-folder-list .msn-folder > .msn-folder-head .msn-folder-title,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder > .msn-folder-head .msn-folder-title{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  gap:8px !important;
}

body.retro-forum #msn-panel .msn-count-pill,
body.retro-forum #msn-contact-list .msn-count-pill,
body.retro-forum #msn-panel #msn-folder-list .msn-folder-title-count,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-title-count,
body.retro-forum #msn-contact-list .msn-friends-title > b{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:24px !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 8px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#d8e9ff !important;
  color:#233047 !important;
  box-shadow:none !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  -webkit-text-fill-color:#233047 !important;
}

body.retro-forum #msn-panel .msn-count-pill.has-unread,
body.retro-forum #msn-contact-list .msn-count-pill.has-unread{
  background:#d8e9ff !important;
  color:#233047 !important;
  -webkit-text-fill-color:#233047 !important;
}

/* TRUE FINAL - Create group lives as an icon inside the GRUPOS bar. */
body.retro-forum #msn-panel #msn-folder-list .msn-folder > .msn-folder-head,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder > .msn-folder-head{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

body.retro-forum #msn-panel #msn-folder-list .msn-folder-head-main,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-head-main{
  appearance:none !important;
  -webkit-appearance:none !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:100% !important;
  min-height:28px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:inherit !important;
  font:inherit !important;
  text-align:left !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  cursor:pointer !important;
}

body.retro-forum #msn-panel #msn-folder-list .msn-folder-head-main:hover,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-head-main:hover,
body.retro-forum #msn-panel #msn-folder-list .msn-folder-head-main:focus-visible,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-head-main:focus-visible{
  outline:0 !important;
  color:#ffffff !important;
}

body.retro-forum #msn-panel #msn-folder-list .msn-folder-create-actions,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-create-actions{
  flex:0 0 auto !important;
  margin-left:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}

body.retro-forum #msn-panel #msn-folder-list .msn-folder-create-actions button.msn-action-icon,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-create-actions button.msn-action-icon{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#edf6ff !important;
  cursor:pointer !important;
  overflow:visible !important;
  transform:translateZ(0) scale(1) !important;
  filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3)) !important;
  transition:color .16s ease, transform .16s cubic-bezier(.2, .9, .2, 1.25), filter .16s ease, opacity .16s ease !important;
}

body.retro-forum #msn-panel #msn-folder-list .msn-folder-create-actions button.msn-action-icon::before,
body.retro-forum #msn-panel #msn-folder-list .msn-folder-create-actions button.msn-action-icon::after,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-create-actions button.msn-action-icon::before,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-create-actions button.msn-action-icon::after{
  display:none !important;
  content:none !important;
}

body.retro-forum #msn-panel #msn-folder-list .msn-folder-create-actions button.msn-action-icon svg,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-create-actions button.msn-action-icon svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  vector-effect:non-scaling-stroke !important;
  pointer-events:none !important;
}

body.retro-forum #msn-panel #msn-folder-list .msn-folder-create-actions button.msn-action-icon:hover,
body.retro-forum #msn-panel #msn-folder-list .msn-folder-create-actions button.msn-action-icon:focus-visible,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-create-actions button.msn-action-icon:hover,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-create-actions button.msn-action-icon:focus-visible{
  color:#ffffff !important;
  transform:translateY(-1px) scale(1.16) !important;
  filter:drop-shadow(0 6px 10px rgba(120, 205, 255, .26)) drop-shadow(0 1px 2px rgba(0, 0, 0, .34)) !important;
}

body.retro-forum #msn-panel #msn-folder-list .msn-folder-create-actions button.msn-action-icon:active,
body.retro-forum #msn-panel #msn-folder-list .msn-folder-create-actions button.msn-action-icon.fm-pressing,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-create-actions button.msn-action-icon:active,
body.retro-forum #msn-contact-list #msn-folder-list .msn-folder-create-actions button.msn-action-icon.fm-pressing{
  color:#7df0c9 !important;
  transform:translateY(0) scale(.88) !important;
  filter:drop-shadow(0 0 11px rgba(125, 240, 201, .5)) !important;
}

/* TRUE FINAL - Messenger no longer shows the CONTACTOS label. */
body.retro-forum #msn-panel > .msn-contacts-view > .msn-section-title,
body.retro-forum #msn-panel .msn-contacts-view > .msn-section-title{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* TRUE FINAL - User gallery albums, tags and manager. */
body.retro-forum .uwx-album-row{
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding:0 16px 12px !important;
  scrollbar-width:thin !important;
}
body.retro-forum .uwx-album-row button{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  flex:0 0 auto !important;
  min-height:30px !important;
  padding:0 12px !important;
  border:1px solid #343847 !important;
  border-radius:999px !important;
  background:#151821 !important;
  color:#d8d5ef !important;
  font:800 11px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}
body.retro-forum .uwx-album-row button.active{
  background:#bdb6ff !important;
  color:#080a11 !important;
  border-color:#d4ceff !important;
}
body.retro-forum .uwx-album-row button span{
  display:inline-flex !important;
  min-width:19px !important;
  height:19px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.16) !important;
}
body.retro-forum .uwx-gallery-foot{
  width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 16px 12px !important;
  text-align:center !important;
}
body.retro-forum .uwx-gallery-manage{
  margin-inline:auto !important;
  border:1px solid #36394a !important;
  border-radius:999px !important;
  background:#141721 !important;
  color:#f0eeff !important;
  min-height:32px !important;
  padding:0 14px !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease !important;
}
body.retro-forum .uwx-gallery-manage:hover{
  transform:translateY(-1px) !important;
  border-color:#bdb6ff !important;
  background:#1b1e2a !important;
}
body.retro-forum .uwx-gallery-pagination{
  width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 16px 12px !important;
}
body.retro-forum .uwx-gallery-pagination button,
body.retro-forum .uwx-gallery-page-gap{
  min-width:28px !important;
  height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-gallery-pagination button{
  border:1px solid rgba(195,192,255,.18) !important;
  background:#141721 !important;
  color:#d8d5ef !important;
  cursor:pointer !important;
  transition:transform .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease !important;
}
body.retro-forum .uwx-gallery-pagination button:hover,
body.retro-forum .uwx-gallery-pagination button:focus-visible{
  transform:translateY(-1px) !important;
  border-color:#bdb6ff !important;
  color:#ffffff !important;
  outline:0 !important;
}
body.retro-forum .uwx-gallery-pagination button.active{
  border-color:#4cd7f6 !important;
  background:#1d9bf0 !important;
  color:#ffffff !important;
  box-shadow:0 0 0 3px rgba(29,155,240,.16) !important;
}
body.retro-forum .uwx-gallery-page-gap{
  color:#8e8aa5 !important;
}
body.retro-forum .uwx-gallery-loading,
body.retro-forum .uwx-gallery-empty{
  padding:30px 16px !important;
  text-align:center !important;
  color:#9a96b5 !important;
  font:800 12px/1.4 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-gallery-empty--wide{
  grid-column:1 / -1 !important;
  min-height:96px !important;
  display:grid !important;
  place-items:center !important;
  border:1px dashed rgba(195,192,255,.18) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.025) !important;
}
body.retro-forum .uwx-gallery-owner{
  position:absolute !important;
  left:8px !important;
  bottom:8px !important;
  max-width:calc(100% - 16px) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  border-radius:999px !important;
  padding:4px 8px !important;
  background:rgba(8,10,16,.72) !important;
  color:#fff !important;
  font:900 10px/1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-gallery-tag{
  position:absolute !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  padding:4px 7px !important;
  background:rgba(189,182,255,.95) !important;
  color:#090b12 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.32) !important;
  font:900 10px/1 Inter, system-ui, sans-serif !important;
  pointer-events:none !important;
}
body.retro-forum .fm-tag-stage{
  position:relative !important;
  display:inline-flex !important;
  max-width:100% !important;
  border-radius:10px !important;
  overflow:hidden !important;
  cursor:crosshair !important;
}
body.retro-forum .fm-tag-stage img,
body.retro-forum .fm-tag-stage video{
  display:block !important;
}
body.retro-forum .fm-tag-markers{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
}
body.retro-forum .fm-tag-marker{
  position:absolute !important;
  transform:translate(-50%,-50%) !important;
  pointer-events:auto !important;
  border:0 !important;
  border-radius:999px !important;
  background:#bdb6ff !important;
  color:#080a12 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.35) !important;
  padding:5px 8px !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}
body.retro-forum .fm-tag-marker--pending{
  display:inline-flex !important;
  width:28px !important;
  height:28px !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  background:#ff4f8f !important;
  color:#fff !important;
  animation:fmTagPulse 1s ease-in-out infinite !important;
}
body.retro-forum .fm-media-tagger{
  display:none !important;
  margin-top:9px !important;
  padding:10px !important;
  border:1px solid #303342 !important;
  border-radius:10px !important;
  background:#11141c !important;
}
body.retro-forum .fm-media-tagger.is-active{
  display:block !important;
}
body.retro-forum .fm-media-tagger__search{
  position:relative !important;
}
body.retro-forum .fm-media-tagger input{
  width:100% !important;
  min-height:34px !important;
  border:1px solid #333747 !important;
  border-radius:999px !important;
  background:#080b12 !important;
  color:#fff !important;
  padding:0 12px !important;
  outline:none !important;
}
body.retro-forum .fm-media-tag-suggest{
  display:none !important;
  position:absolute !important;
  z-index:20 !important;
  left:0 !important;
  right:0 !important;
  top:calc(100% + 6px) !important;
  border:1px solid #34384a !important;
  border-radius:12px !important;
  background:#171a24 !important;
  box-shadow:0 16px 28px rgba(0,0,0,.34) !important;
  overflow:hidden !important;
}
body.retro-forum .fm-media-tag-suggest.open{
  display:block !important;
}
body.retro-forum .fm-media-tag-suggest button{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  padding:9px 11px !important;
  text-align:left !important;
  cursor:pointer !important;
}
body.retro-forum .fm-media-tag-suggest button:hover{
  background:#202433 !important;
}
body.retro-forum .fm-media-tag-suggest img{
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
body.retro-forum .fm-media-tag-suggest small{
  display:block !important;
  color:#9a96b5 !important;
  margin-top:2px !important;
}
body.retro-forum .fm-media-tag-empty{
  padding:10px 12px !important;
  color:#c9c4de !important;
  font:800 12px/1.35 Inter, system-ui, sans-serif !important;
}
body.retro-forum .fm-media-tag-list{
  display:flex !important;
  gap:7px !important;
  flex-wrap:wrap !important;
  margin-top:9px !important;
}
body.retro-forum .fm-media-tag-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  border-radius:999px !important;
  background:#242837 !important;
  color:#fff !important;
  padding:5px 8px !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .fm-media-tag-chip button{
  border:0 !important;
  background:transparent !important;
  color:#ff8cae !important;
  cursor:pointer !important;
  padding:0 !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}

body.retro-forum #np-text,
body.retro-forum textarea#np-text.np-textarea{
  color:#ffffff !important;
  caret-color:#ffffff !important;
  background:#090c14 !important;
}

body.retro-forum #np-text::placeholder,
body.retro-forum textarea#np-text.np-textarea::placeholder{
  color:rgba(255,255,255,.72) !important;
  opacity:1 !important;
}

body.retro-forum #new-post-form .np-media-preview__tag-open{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  border:0 !important;
  padding:0 !important;
  color:#fff !important;
  cursor:pointer !important;
  outline:none !important;
}

body.retro-forum #new-post-form .np-media-preview__tag-open span{
  position:absolute !important;
  inset:auto 6px 6px 6px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:20px !important;
  border-radius:999px !important;
  background:rgba(8,10,18,.78) !important;
  color:#ffffff !important;
  font:900 10px/1 Inter, system-ui, sans-serif !important;
  box-shadow:0 8px 18px rgba(0,0,0,.35) !important;
}

body.retro-forum #new-post-form .np-media-preview__tag-open:hover span,
body.retro-forum #new-post-form .np-media-preview__tag-open:focus-visible span{
  background:#bdb6ff !important;
  color:#080a12 !important;
}

body.retro-forum #new-post-form .np-media-preview__tag-button{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:8px !important;
  min-height:34px !important;
  padding:0 14px !important;
  border:1px solid #3a3f55 !important;
  border-radius:999px !important;
  background:#151a27 !important;
  color:#ffffff !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
  transition:transform .15s ease, background .15s ease, border-color .15s ease !important;
}

body.retro-forum #new-post-form .np-media-preview__tag-button:hover,
body.retro-forum #new-post-form .np-media-preview__tag-button:focus-visible{
  transform:translateY(-1px) !important;
  background:#1e2538 !important;
  border-color:#bdb6ff !important;
}

/* TRUE FINAL - Compact square upload preview. */
body.retro-forum #new-post-form #np-preview{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:10px !important;
}

body.retro-forum #new-post-form .np-media-preview{
  position:relative !important;
  width:86px !important;
  max-width:86px !important;
  min-height:86px !important;
  height:86px !important;
  display:block !important;
  padding:0 !important;
  border:1px solid rgba(195, 192, 255, .42) !important;
  border-radius:12px !important;
  background:#0b0f18 !important;
  overflow:hidden !important;
  box-shadow:0 12px 28px rgba(0, 0, 0, .26) !important;
}

body.retro-forum #new-post-form .np-media-preview__thumb{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 !important;
  background:#080b12 !important;
}

body.retro-forum #new-post-form .np-media-preview__thumb img,
body.retro-forum #new-post-form .np-media-preview__thumb video{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  border-radius:0 !important;
  object-fit:cover !important;
}

body.retro-forum #new-post-form .np-media-preview__tag-open span,
body.retro-forum #new-post-form .np-media-preview__meta,
body.retro-forum #new-post-form .np-media-preview__tag-button{
  display:none !important;
}

body.retro-forum #new-post-form .np-media-preview__remove{
  position:absolute !important;
  top:5px !important;
  right:5px !important;
  z-index:4 !important;
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.38) !important;
  border-radius:999px !important;
  background:rgba(7, 10, 17, .72) !important;
  color:#ffffff !important;
  font:900 18px/1 Inter, system-ui, sans-serif !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  backdrop-filter:blur(8px) !important;
  box-shadow:0 8px 16px rgba(0,0,0,.32) !important;
}

body.retro-forum #new-post-form .np-media-preview__remove:hover,
body.retro-forum #new-post-form .np-media-preview__remove:focus-visible{
  background:#ff4f67 !important;
  border-color:#ff8fa0 !important;
  transform:scale(1.04) !important;
}

body.retro-forum #new-post-form .np-media-preview__upload{
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  display:none !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  background:rgba(7, 10, 17, .68) !important;
  color:#ffffff !important;
  text-align:center !important;
  backdrop-filter:blur(3px) !important;
}

body.retro-forum #new-post-form .np-media-preview.is-uploading .np-media-preview__upload{
  display:flex !important;
}

body.retro-forum #new-post-form .np-media-preview__spinner{
  width:22px !important;
  height:22px !important;
  border-radius:50% !important;
  border:3px solid rgba(255,255,255,.28) !important;
  border-top-color:#78d9ff !important;
  animation:npThumbSpin .78s linear infinite !important;
}

body.retro-forum #new-post-form .np-media-preview__upload-label{
  font:900 10px/1 Inter, system-ui, sans-serif !important;
}

body.retro-forum #new-post-form .np-media-preview__upload-percent{
  font:800 10px/1 Inter, system-ui, sans-serif !important;
  color:#c9c6ff !important;
}

body.retro-forum #new-post-form .np-media-preview.is-upload-error .np-media-preview__spinner{
  animation:none !important;
  border-color:#ff8fa0 !important;
}

body.retro-forum #new-post-form .np-upload-status{
  display:none !important;
}

body.retro-forum #new-post-form #np-clear{
  display:none !important;
}

@keyframes npThumbSpin{
  to{ transform:rotate(360deg); }
}

/* TRUE FINAL - Desktop microphone device picker. */
body.retro-forum #msn-chat-compose .msn-audio-device-picker{
  display:none !important;
}

@media (min-width:1025px) and (hover:hover) and (pointer:fine){
  body.retro-forum #msn-chat-compose .msn-audio-device-picker{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    min-width:0 !important;
    max-width:none !important;
    height:28px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#c9c6ff !important;
    font:800 10px/1 Inter, system-ui, sans-serif !important;
    overflow:visible !important;
    z-index:30 !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-picker-btn{
    height:28px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    min-width:0 !important;
    max-width:128px !important;
    padding:0 8px !important;
    border:1px solid rgba(195, 192, 255, .24) !important;
    border-radius:999px !important;
    background:rgba(13, 17, 27, .92) !important;
    color:#c9c6ff !important;
    font:800 10px/1 Inter, system-ui, sans-serif !important;
    cursor:pointer !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-picker-label{
    flex:0 0 auto !important;
    color:#c9c6ff !important;
    white-space:nowrap !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-picker-current{
    display:none !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-picker-arrow{
    flex:0 0 auto !important;
    color:#8feaff !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-picker select{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    min-width:0 !important;
    max-width:1px !important;
    border:0 !important;
    background:transparent !important;
    opacity:0 !important;
    outline:none !important;
    pointer-events:none !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-menu{
    position:absolute !important;
    left:0 !important;
    right:auto !important;
    bottom:calc(100% + 8px) !important;
    width:min(224px, calc(100vw - 24px)) !important;
    max-width:min(224px, calc(100vw - 24px)) !important;
    display:none !important;
    gap:4px !important;
    padding:6px !important;
    border:1px solid rgba(195, 192, 255, .28) !important;
    border-radius:12px !important;
    background:#1d1f28 !important;
    box-shadow:0 18px 34px rgba(0, 0, 0, .42) !important;
    z-index:80 !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-picker.open .msn-audio-device-menu{
    display:grid !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-option{
    width:100% !important;
    min-height:34px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    padding:7px 9px !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    color:#e1e1ed !important;
    font:800 12px/1.15 Inter, system-ui, sans-serif !important;
    text-align:left !important;
    cursor:pointer !important;
    overflow:hidden !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-option span:last-child{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-option:hover,
  body.retro-forum #msn-chat-compose .msn-audio-device-option.active{
    background:rgba(195, 192, 255, .1) !important;
    color:#ffffff !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-device-option-dot{
    width:9px !important;
    height:9px !important;
    flex:0 0 9px !important;
    border-radius:999px !important;
    background:#8feaff !important;
    box-shadow:0 0 0 3px rgba(143, 234, 255, .14) !important;
  }
}

body.retro-forum.fm-tag-viewer-open{
  overflow:hidden !important;
}

body.retro-forum .fm-tag-viewer{
  position:fixed !important;
  inset:0 !important;
  z-index:2500 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  background:rgba(5,7,12,.82) !important;
  backdrop-filter:blur(10px) !important;
}

body.retro-forum .fm-tag-viewer__dialog{
  width:min(780px, calc(100vw - 24px)) !important;
  max-height:calc(100dvh - 24px) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  border:1px solid #42475c !important;
  border-radius:14px !important;
  background:#181b25 !important;
  box-shadow:0 26px 70px rgba(0,0,0,.58) !important;
  padding:14px !important;
}

body.retro-forum .fm-tag-viewer__head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  color:#ffffff !important;
}

body.retro-forum .fm-tag-viewer__head strong{
  display:block !important;
  color:#ffffff !important;
  font:950 14px/1.1 Inter, system-ui, sans-serif !important;
}

body.retro-forum .fm-tag-viewer__head span{
  display:block !important;
  margin-top:4px !important;
  color:#c9c6ff !important;
  font:800 11px/1.35 Inter, system-ui, sans-serif !important;
}

body.retro-forum .fm-tag-viewer__close{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  border-radius:999px !important;
  background:#e8f0ff !important;
  color:#152033 !important;
  min-height:30px !important;
  padding:0 13px !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}

body.retro-forum .fm-tag-viewer__stage{
  width:100% !important;
  min-height:220px !important;
  max-height:52dvh !important;
  align-items:center !important;
  justify-content:center !important;
  background:#05070c !important;
  border:1px solid #2c3143 !important;
  border-radius:12px !important;
  overflow:hidden !important;
}

body.retro-forum .fm-tag-viewer__stage img,
body.retro-forum .fm-tag-viewer__stage video{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:52dvh !important;
  object-fit:contain !important;
}

body.retro-forum .fm-tag-viewer .fm-media-tagger{
  margin-top:0 !important;
  overflow:visible !important;
}

body.retro-forum .fm-tag-viewer .fm-media-tag-suggest{
  position:static !important;
  margin-top:7px !important;
  max-height:min(260px, 34dvh) !important;
  overflow-y:auto !important;
}

body.retro-forum .fm-media-tag-suggest{
  max-height:min(260px, 34dvh) !important;
  overflow-y:auto !important;
}

@media (max-width: 640px){
  body.retro-forum .fm-tag-viewer{
    align-items:flex-start !important;
    padding:10px !important;
    overflow-y:auto !important;
  }

  body.retro-forum .fm-tag-viewer__dialog{
    width:100% !important;
    max-height:none !important;
  }

  body.retro-forum .fm-tag-viewer__stage{
    min-height:190px !important;
    max-height:44dvh !important;
  }

  body.retro-forum .fm-tag-viewer__stage img,
  body.retro-forum .fm-tag-viewer__stage video{
    max-height:44dvh !important;
  }
}

/* TRUE FINAL - Móvil real: post y barra de reacciones pegados al ancho del card. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .app-layout{
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #main-col,
  html body.retro-forum .main-col{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall,
  html body.retro-forum #page-user-wall{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall #posts-list,
  html body.retro-forum #page-user-wall #user-wall-posts,
  html body.retro-forum #posts-list,
  html body.retro-forum #user-wall-posts{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    align-items:stretch !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall #posts-list > .post-card,
  html body.retro-forum #page-user-wall #user-wall-posts > .post-card,
  html body.retro-forum #posts-list > .post-card,
  html body.retro-forum #user-wall-posts > .post-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall #posts-list > .post-card > .post-face-front,
  html body.retro-forum #page-user-wall #user-wall-posts > .post-card > .post-face-front,
  html body.retro-forum #posts-list > .post-card > .post-face-front,
  html body.retro-forum #user-wall-posts > .post-card > .post-face-front{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall #posts-list > .post-card > .post-face-front > .post-time--footer,
  html body.retro-forum #page-user-wall #user-wall-posts > .post-card > .post-face-front > .post-time--footer,
  html body.retro-forum #posts-list > .post-card > .post-face-front > .post-time--footer,
  html body.retro-forum #user-wall-posts > .post-card > .post-face-front > .post-time--footer{
    width:calc(100% + 20px) !important;
    max-width:calc(100% + 20px) !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall #posts-list > .post-card > .post-face-front > .post-reactions,
  html body.retro-forum #page-user-wall #user-wall-posts > .post-card > .post-face-front > .post-reactions,
  html body.retro-forum #posts-list > .post-card > .post-face-front > .post-reactions,
  html body.retro-forum #user-wall-posts > .post-card > .post-face-front > .post-reactions{
    align-self:stretch !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:calc(100% + 20px) !important;
    max-width:calc(100% + 20px) !important;
    min-width:calc(100% + 20px) !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
    margin-bottom:-1px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
    border-radius:0 0 8px 8px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall #posts-list > .post-card > .post-face-front > .post-reactions > *,
  html body.retro-forum #page-user-wall #user-wall-posts > .post-card > .post-face-front > .post-reactions > *,
  html body.retro-forum #posts-list > .post-card > .post-face-front > .post-reactions > *,
  html body.retro-forum #user-wall-posts > .post-card > .post-face-front > .post-reactions > *{
    flex:0 0 auto !important;
  }

  html body.retro-forum #page-wall #posts-list > .post-card > .post-face-front > .post-reactions > .comment-btn,
  html body.retro-forum #page-user-wall #user-wall-posts > .post-card > .post-face-front > .post-reactions > .comment-btn,
  html body.retro-forum #posts-list > .post-card > .post-face-front > .post-reactions > .comment-btn,
  html body.retro-forum #user-wall-posts > .post-card > .post-face-front > .post-reactions > .comment-btn,
  html body.retro-forum #page-wall #posts-list > .post-card > .post-face-front > .post-reactions > .share-btn,
  html body.retro-forum #page-user-wall #user-wall-posts > .post-card > .post-face-front > .post-reactions > .share-btn,
  html body.retro-forum #posts-list > .post-card > .post-face-front > .post-reactions > .share-btn,
  html body.retro-forum #user-wall-posts > .post-card > .post-face-front > .post-reactions > .share-btn{
    min-width:0 !important;
    width:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

body.retro-forum .profile-channel-section,
body.retro-forum .profile-gallery-section{
  display:grid !important;
  gap:9px !important;
  align-items:center !important;
  margin-top:10px !important;
  padding:13px !important;
  border:1px solid #303442 !important;
  border-radius:12px !important;
  background:#151821 !important;
}
body.retro-forum .profile-channel-section{
  grid-template-columns:minmax(0,1fr) auto !important;
}
body.retro-forum .profile-gallery-section{
  grid-template-columns:minmax(0,1fr) auto auto !important;
}
body.retro-forum .profile-channel-section strong,
body.retro-forum .profile-gallery-section strong{
  display:block !important;
  color:#fff !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .profile-channel-section span,
body.retro-forum .profile-gallery-section span{
  display:block !important;
  margin-top:3px !important;
  color:#a9a4c4 !important;
  font:800 11px/1.3 Inter, system-ui, sans-serif !important;
}
body.retro-forum .profile-channel-section button,
body.retro-forum .profile-gallery-section button{
  min-height:34px !important;
  border:1px solid #3a3e50 !important;
  border-radius:999px !important;
  background:#202434 !important;
  color:#fff !important;
  padding:0 12px !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}
@media (max-width:560px){
  body.retro-forum .profile-channel-section,
  body.retro-forum .profile-gallery-section{
    grid-template-columns:1fr !important;
  }

  body.retro-forum .profile-channel-section button,
  body.retro-forum .profile-gallery-section button{
    width:100% !important;
  }
}

.gallery-manager-modal{
  width:min(860px, calc(100vw - 24px)) !important;
  max-width:min(860px, calc(100vw - 24px)) !important;
  max-height:calc(100dvh - 28px) !important;
  overflow:auto !important;
  padding:0 !important;
  border-radius:16px !important;
  background:#11141c !important;
}
.gm-shell{
  color:#f3f0ff !important;
}
.gm-head{
  display:flex !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:18px !important;
  border-bottom:1px solid #2b2f3d !important;
}
.gm-kicker,
.gm-section-title{
  color:#bdb6ff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.gm-head h2{
  margin:4px 0 0 !important;
  color:#fff !important;
  font:900 22px/1.1 Inter, system-ui, sans-serif !important;
}
.gm-head p{
  margin:6px 0 0 !important;
  color:#aaa6bf !important;
}
.gm-close{
  width:36px !important;
  height:36px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#222635 !important;
  color:#fff !important;
  cursor:pointer !important;
}
.gm-section{
  padding:16px 18px !important;
  border-bottom:1px solid #252936 !important;
}
.gm-create-row,
.gm-upload-row{
  display:flex !important;
  gap:10px !important;
  margin-top:10px !important;
  flex-wrap:wrap !important;
}
.gm-create-row input,
.gm-upload-row select,
.gm-album-row input,
.gm-item select{
  min-height:36px !important;
  border:1px solid #343848 !important;
  border-radius:10px !important;
  background:#080b12 !important;
  color:#fff !important;
  padding:0 10px !important;
}
.gm-create-row input{flex:1 1 240px !important;}
.gm-create-row button,
.gm-upload-row label,
.gm-album-row button,
.gm-item button.danger{
  min-height:36px !important;
  border:1px solid #3a3e50 !important;
  border-radius:10px !important;
  background:#202434 !important;
  color:#fff !important;
  padding:0 12px !important;
  font-weight:900 !important;
  cursor:pointer !important;
}
.gm-upload-row label{
  display:inline-flex !important;
  align-items:center !important;
}
.gm-upload-row input[type=file]{
  display:none !important;
}
.gm-albums{
  display:grid !important;
  gap:8px !important;
  margin-top:10px !important;
}
.gm-album-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto auto !important;
  gap:8px !important;
  align-items:center !important;
}
.gm-album-row span{
  min-width:28px !important;
  text-align:center !important;
  color:#bdb6ff !important;
  font-weight:900 !important;
}
.gm-album-row .danger,
.gm-item .danger{
  color:#ff9bae !important;
}
.gm-album-row button:disabled{
  opacity:.35 !important;
  pointer-events:none !important;
}
.gm-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr)) !important;
  gap:12px !important;
  margin-top:12px !important;
}
.gm-item{
  display:grid !important;
  gap:8px !important;
  padding:8px !important;
  border:1px solid #2c3040 !important;
  border-radius:12px !important;
  background:#171a23 !important;
}
.gm-item-preview{
  width:100% !important;
  aspect-ratio:1/1 !important;
  border:0 !important;
  border-radius:10px !important;
  overflow:hidden !important;
  background:#080b12 !important;
  padding:0 !important;
  cursor:zoom-in !important;
}
.gm-item-preview img,
.gm-item-preview video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.gm-empty,
.gm-loading,
.gm-error{
  padding:18px !important;
  color:#aaa6bf !important;
  text-align:center !important;
}

/* TRUE FINAL - Administrar galeria con plantilla Stitch. */
body.retro-forum .gallery-manager-modal{
  width:min(1040px, calc(100vw - 22px)) !important;
  max-width:min(1040px, calc(100vw - 22px)) !important;
  max-height:calc(100dvh - 22px) !important;
  overflow:hidden !important;
  border:1px solid rgba(145,143,161,.38) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(30,33,45,.98),rgba(17,19,27,.98)) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.42) !important;
}
body.retro-forum .gm-shell{
  max-height:calc(100dvh - 22px) !important;
  overflow:auto !important;
  padding:24px !important;
  color:#e1e1ed !important;
  font-family:Inter,system-ui,sans-serif !important;
}
body.retro-forum .gm-shell::-webkit-scrollbar{width:7px !important;}
body.retro-forum .gm-shell::-webkit-scrollbar-thumb{background:#464555 !important;border-radius:999px !important;}
body.retro-forum .gm-head{
  position:sticky !important;
  top:-24px !important;
  z-index:3 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:0 0 18px !important;
  border-bottom:1px solid rgba(70,69,85,.8) !important;
  background:linear-gradient(180deg,rgba(30,33,45,.98),rgba(30,33,45,.88)) !important;
  backdrop-filter:blur(18px) !important;
}
body.retro-forum .gm-kicker{
  color:#4edea3 !important;
  font:900 11px/1 Inter,system-ui,sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
body.retro-forum .gm-head h2{
  margin:7px 0 0 !important;
  color:#fff !important;
  font:950 30px/1.1 Inter,system-ui,sans-serif !important;
}
body.retro-forum .gm-head p,
body.retro-forum .gm-section-head p{
  margin:7px 0 0 !important;
  color:#a9a8ba !important;
  font:800 13px/1.45 Inter,system-ui,sans-serif !important;
}
body.retro-forum .gm-close{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(145,143,161,.3) !important;
  border-radius:999px !important;
  background:rgba(51,52,61,.82) !important;
  color:#e1e1ed !important;
  cursor:pointer !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease !important;
}
body.retro-forum .gm-close svg{width:18px !important;height:18px !important;fill:currentColor !important;}
body.retro-forum .gm-close:hover{
  transform:translateY(-1px) rotate(8deg) !important;
  background:#33343d !important;
  border-color:#c3c0ff !important;
}
body.retro-forum .gm-stats{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:18px 0 !important;
}
body.retro-forum .gm-stats span{
  min-height:64px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  padding:14px 16px !important;
  border:1px solid rgba(70,69,85,.72) !important;
  border-radius:14px !important;
  background:rgba(12,14,22,.56) !important;
  color:#a9a8ba !important;
  font:900 11px/1 Inter,system-ui,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}
body.retro-forum .gm-stats strong{
  color:#4edea3 !important;
  font:950 25px/1 Inter,system-ui,sans-serif !important;
}
body.retro-forum .gm-top-actions{
  display:grid !important;
  grid-template-columns:minmax(220px,1fr) minmax(190px,280px) !important;
  gap:12px !important;
  margin-bottom:18px !important;
}
body.retro-forum .gm-upload-main,
body.retro-forum .gm-top-actions select,
body.retro-forum .gm-create-row input,
body.retro-forum .gm-album-edit input,
body.retro-forum .gm-item-controls select{
  min-height:44px !important;
  border:1px solid rgba(70,69,85,.9) !important;
  border-radius:12px !important;
  background:#0c0e16 !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.retro-forum .gm-upload-main{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:0 16px !important;
  background:linear-gradient(135deg,#c3c0ff,#72d7ff) !important;
  color:#0f1730 !important;
  font:950 13px/1 Inter,system-ui,sans-serif !important;
  cursor:pointer !important;
  transition:transform .18s ease, filter .18s ease !important;
}
body.retro-forum .gm-upload-main:hover{transform:translateY(-1px) !important;filter:brightness(1.08) !important;}
body.retro-forum .gm-upload-main svg{width:18px !important;height:18px !important;fill:currentColor !important;}
body.retro-forum .gm-upload-main input{display:none !important;}
body.retro-forum .gm-top-actions select,
body.retro-forum .gm-create-row input,
body.retro-forum .gm-album-edit input,
body.retro-forum .gm-item-controls select{
  padding:0 12px !important;
  font:850 13px/1 Inter,system-ui,sans-serif !important;
}
body.retro-forum .gm-section{
  padding:18px 0 0 !important;
  margin-top:18px !important;
  border-top:1px solid rgba(70,69,85,.7) !important;
  border-bottom:0 !important;
}
body.retro-forum .gm-section-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:14px !important;
}
body.retro-forum .gm-section-title{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#fff !important;
  font:950 18px/1.1 Inter,system-ui,sans-serif !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
body.retro-forum .gm-section-title svg{
  width:20px !important;
  height:20px !important;
  fill:#c3c0ff !important;
}
body.retro-forum .gm-create-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  margin-top:14px !important;
}
body.retro-forum .gm-create-row button{
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:1px solid rgba(70,222,163,.42) !important;
  border-radius:12px !important;
  background:rgba(78,222,163,.1) !important;
  color:#6ffbbe !important;
  padding:0 14px !important;
  font:950 13px/1 Inter,system-ui,sans-serif !important;
  cursor:pointer !important;
  transition:transform .18s ease, background .18s ease !important;
}
body.retro-forum .gm-create-row button:hover{transform:translateY(-1px) !important;background:rgba(78,222,163,.18) !important;}
body.retro-forum .gm-create-row button svg{width:18px !important;height:18px !important;fill:currentColor !important;}
body.retro-forum .gm-albums{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important;
  gap:14px !important;
  margin-top:14px !important;
}
body.retro-forum .gm-album-card{
  min-width:0 !important;
  display:grid !important;
  gap:9px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  transition:transform .2s ease, filter .2s ease !important;
}
body.retro-forum .gm-album-card.drag-over{
  transform:scale(1.025) !important;
  filter:drop-shadow(0 0 16px rgba(78,222,163,.38)) !important;
}
body.retro-forum .gm-album-cover{
  position:relative !important;
  width:100% !important;
  aspect-ratio:1/1 !important;
  overflow:hidden !important;
  border:1px solid rgba(70,69,85,.85) !important;
  border-radius:12px !important;
  background:#191b23 !important;
  padding:0 !important;
  cursor:pointer !important;
}
body.retro-forum .gm-media{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
body.retro-forum .gm-album-cover-media{
  transition:transform .45s ease !important;
}
body.retro-forum .gm-album-cover:hover .gm-album-cover-media{
  transform:scale(1.08) !important;
}
body.retro-forum .gm-album-cover-empty{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  background:radial-gradient(circle at 35% 25%,rgba(195,192,255,.2),transparent 42%),#191b23 !important;
  color:#c3c0ff !important;
}
body.retro-forum .gm-album-cover-empty svg{
  width:46px !important;
  height:46px !important;
  fill:currentColor !important;
}
body.retro-forum .gm-album-count{
  position:absolute !important;
  right:8px !important;
  bottom:8px !important;
  padding:5px 7px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:8px !important;
  background:rgba(12,14,22,.78) !important;
  color:#fff !important;
  font:950 9px/1 Inter,system-ui,sans-serif !important;
}
body.retro-forum .gm-album-edit{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:7px !important;
}
body.retro-forum .gm-album-edit input{
  min-height:38px !important;
  border-radius:10px !important;
}
body.retro-forum .gm-album-actions,
body.retro-forum .gm-item-controls{
  display:flex !important;
  gap:7px !important;
  align-items:center !important;
}
body.retro-forum .gm-icon-btn{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(70,69,85,.85) !important;
  border-radius:10px !important;
  background:rgba(51,52,61,.65) !important;
  color:#e1e1ed !important;
  padding:0 !important;
  cursor:pointer !important;
  transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease !important;
}
body.retro-forum .gm-icon-btn svg{
  width:17px !important;
  height:17px !important;
  fill:currentColor !important;
}
body.retro-forum .gm-icon-btn:hover{
  transform:translateY(-1px) !important;
  border-color:#c3c0ff !important;
  background:#282a32 !important;
}
body.retro-forum .gm-icon-btn--save{color:#6ffbbe !important;}
body.retro-forum .gm-icon-btn--danger{color:#ff9bae !important;}
body.retro-forum .gm-icon-btn:disabled{
  opacity:.35 !important;
  pointer-events:none !important;
}
body.retro-forum .gm-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr)) !important;
  gap:12px !important;
  margin-top:14px !important;
}
body.retro-forum .gm-item{
  display:grid !important;
  gap:8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
}
body.retro-forum .gm-item.is-dragging{
  opacity:.38 !important;
  transform:scale(.96) !important;
}
body.retro-forum .gm-item-preview{
  position:relative !important;
  width:100% !important;
  aspect-ratio:1/1 !important;
  overflow:hidden !important;
  border:1px solid rgba(70,69,85,.85) !important;
  border-radius:12px !important;
  background:#0c0e16 !important;
  padding:0 !important;
  cursor:zoom-in !important;
}
body.retro-forum .gm-item-media{
  transition:transform .38s ease, filter .2s ease !important;
}
body.retro-forum .gm-item-preview:hover .gm-item-media{
  transform:scale(1.06) !important;
  filter:brightness(.78) !important;
}
body.retro-forum .gm-item-type,
body.retro-forum .gm-drag-handle{
  position:absolute !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(12,14,22,.78) !important;
  color:#fff !important;
  backdrop-filter:blur(8px) !important;
}
body.retro-forum .gm-item-type{
  left:8px !important;
  bottom:8px !important;
  padding:5px 7px !important;
  border-radius:8px !important;
  font:950 10px/1 Inter,system-ui,sans-serif !important;
}
body.retro-forum .gm-drag-handle{
  right:8px !important;
  top:8px !important;
  width:30px !important;
  height:30px !important;
  justify-content:center !important;
  border-radius:9px !important;
  opacity:0 !important;
  transform:translateY(-3px) !important;
  transition:opacity .18s ease, transform .18s ease !important;
}
body.retro-forum .gm-item-preview:hover .gm-drag-handle{
  opacity:1 !important;
  transform:translateY(0) !important;
}
body.retro-forum .gm-item-type svg,
body.retro-forum .gm-drag-handle svg{
  width:14px !important;
  height:14px !important;
  fill:currentColor !important;
}
body.retro-forum .gm-item-controls{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 38px !important;
}
body.retro-forum .gm-item-controls select{
  min-height:38px !important;
  border-radius:10px !important;
}
body.retro-forum .gm-empty,
body.retro-forum .gm-loading,
body.retro-forum .gm-error{
  min-height:120px !important;
  display:grid !important;
  place-items:center !important;
  border:1px dashed rgba(145,143,161,.3) !important;
  border-radius:14px !important;
  background:rgba(12,14,22,.38) !important;
  color:#a9a8ba !important;
  font:850 13px/1.4 Inter,system-ui,sans-serif !important;
}
@media (max-width:720px){
  body.retro-forum .gallery-manager-modal{
    width:100vw !important;
    max-width:100vw !important;
    max-height:calc(100dvh - var(--nav-h, 50px)) !important;
    border-radius:14px 14px 0 0 !important;
  }
  body.retro-forum .gm-shell{
    max-height:calc(100dvh - var(--nav-h, 50px)) !important;
    padding:16px !important;
  }
  body.retro-forum .gm-head{
    top:-16px !important;
    padding-bottom:14px !important;
  }
  body.retro-forum .gm-head h2{
    font-size:22px !important;
  }
  body.retro-forum .gm-stats,
  body.retro-forum .gm-top-actions,
  body.retro-forum .gm-create-row{
    grid-template-columns:1fr !important;
  }
  body.retro-forum .gm-stats{
    gap:8px !important;
  }
  body.retro-forum .gm-albums,
  body.retro-forum .gm-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@keyframes fmTagPulse{
  0%,100%{ transform:translate(-50%,-50%) scale(1); }
  50%{ transform:translate(-50%,-50%) scale(1.12); }
}

/* TRUE FINAL - Selector de portada del muro personal. */
body.retro-forum .cover-picker-modal{
  width:min(760px, calc(100vw - 24px)) !important;
  max-width:min(760px, calc(100vw - 24px)) !important;
  max-height:calc(100dvh - 28px) !important;
  overflow:auto !important;
  padding:0 !important;
  border:1px solid #343848 !important;
  border-radius:16px !important;
  background:#11141c !important;
  color:#f3f0ff !important;
}
body.retro-forum .cover-picker{
  display:grid !important;
  gap:16px !important;
  padding:18px !important;
}
body.retro-forum .cover-picker__head{
  display:flex !important;
  justify-content:space-between !important;
  gap:16px !important;
  align-items:flex-start !important;
}
body.retro-forum .cover-picker__kicker,
body.retro-forum .cover-picker__section-title{
  color:#bdb6ff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
body.retro-forum .cover-picker__head h2{
  margin:5px 0 0 !important;
  color:#ffffff !important;
  font:900 24px/1.1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .cover-picker__head p{
  margin:7px 0 0 !important;
  color:#aaa6bf !important;
  font:700 13px/1.35 Inter, system-ui, sans-serif !important;
}
body.retro-forum .cover-picker__close{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#222635 !important;
  color:#ffffff !important;
  font:900 16px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
  transition:transform .16s ease, background-color .16s ease !important;
}
body.retro-forum .cover-picker__close:hover{
  transform:translateY(-1px) !important;
  background:#2b3042 !important;
}
body.retro-forum .cover-picker__preview{
  position:relative !important;
  min-height:210px !important;
  border:1px solid #3a3f54 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:var(--uwx-cover-image,
    radial-gradient(circle at 20% 8%, rgba(195,192,255,.18), transparent 34%),
    linear-gradient(145deg,#323541,#171a23 48%,#090b12)) !important;
  background-size:var(--uwx-cover-size, cover) !important;
  background-position:var(--uwx-cover-position, center) !important;
  box-shadow:0 22px 46px rgba(0,0,0,.26) !important;
  cursor:grab !important;
  touch-action:none !important;
  transition:border-color .16s ease, box-shadow .16s ease !important;
}
body.retro-forum .cover-picker__preview.is-dragging{
  cursor:grabbing !important;
  border-color:#bdb6ff !important;
  box-shadow:0 22px 46px rgba(0,0,0,.26), 0 0 0 3px rgba(195,192,255,.16) !important;
}
body.retro-forum .cover-picker__preview span{
  position:absolute !important;
  left:14px !important;
  bottom:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
  background:rgba(12,14,22,.66) !important;
  color:#ffffff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  backdrop-filter:blur(12px) !important;
}
body.retro-forum .cover-picker__hint{
  margin-top:-6px !important;
  color:#9ea4ba !important;
  font:800 12px/1.35 Inter, system-ui, sans-serif !important;
}
body.retro-forum .cover-picker__frame{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:10px !important;
  padding:12px !important;
  border:1px solid #2f3446 !important;
  border-radius:14px !important;
  background:#0d1018 !important;
}
body.retro-forum .cover-picker__frame label{
  display:grid !important;
  gap:8px !important;
  color:#d9d5ff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
body.retro-forum .cover-picker__frame input[type="range"]{
  width:100% !important;
  accent-color:#bdb6ff !important;
}
body.retro-forum .cover-upload-progress{
  position:relative !important;
  min-height:30px !important;
  display:none !important;
  align-items:center !important;
  overflow:hidden !important;
  border:1px solid #303548 !important;
  border-radius:999px !important;
  background:#0a0d14 !important;
}
body.retro-forum .cover-upload-progress.is-visible{
  display:flex !important;
}
body.retro-forum .cover-upload-progress span{
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:0;
  border-radius:999px !important;
  background:linear-gradient(90deg,#4cd7f6,#c3c0ff) !important;
  transition:width .18s ease !important;
}
body.retro-forum .cover-upload-progress.is-busy span::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent) !important;
  animation:coverProgressSweep 1s linear infinite !important;
}
body.retro-forum .cover-upload-progress em{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  text-align:center !important;
  color:#ffffff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  font-style:normal !important;
}
@keyframes coverProgressSweep{
  from{ transform:translateX(-100%); }
  to{ transform:translateX(100%); }
}
body.retro-forum .cover-picker__upload{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}
body.retro-forum .cover-picker__file,
body.retro-forum .cover-picker__upload button{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #3a3e50 !important;
  border-radius:10px !important;
  background:#202434 !important;
  color:#ffffff !important;
  padding:0 14px !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
  transition:transform .16s ease, border-color .16s ease, background-color .16s ease, opacity .16s ease !important;
}
body.retro-forum .cover-picker__file{
  background:#c3c0ff !important;
  color:#1d00a5 !important;
  border-color:#c3c0ff !important;
}
body.retro-forum .cover-picker__file input{
  display:none !important;
}
body.retro-forum .cover-picker__upload button:hover,
body.retro-forum .cover-picker__file:hover{
  transform:translateY(-1px) !important;
  border-color:#bdb6ff !important;
}
body.retro-forum .cover-picker__upload button:disabled{
  opacity:.42 !important;
  cursor:not-allowed !important;
  transform:none !important;
}
body.retro-forum .cover-picker__remove{
  color:#ff9bae !important;
}
body.retro-forum .cover-gallery-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(132px, 1fr)) !important;
  gap:10px !important;
}
body.retro-forum .cover-gallery-item{
  position:relative !important;
  min-width:0 !important;
  aspect-ratio:16/9 !important;
  border:1px solid #2e3344 !important;
  border-radius:10px !important;
  overflow:hidden !important;
  background:#080b12 !important;
  padding:0 !important;
  cursor:pointer !important;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
body.retro-forum .cover-gallery-item:hover{
  transform:translateY(-2px) !important;
  border-color:#bdb6ff !important;
  box-shadow:0 14px 28px rgba(0,0,0,.24) !important;
}
body.retro-forum .cover-gallery-item.is-selected{
  border-color:#4cd7f6 !important;
  box-shadow:0 0 0 3px rgba(76,215,246,.16), 0 14px 28px rgba(0,0,0,.24) !important;
}
body.retro-forum .cover-gallery-item img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}
body.retro-forum .cover-gallery-item span{
  position:absolute !important;
  right:8px !important;
  bottom:8px !important;
  min-height:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:rgba(195,192,255,.92) !important;
  color:#1d00a5 !important;
  font:900 10px/1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .cover-picker__empty{
  grid-column:1 / -1 !important;
  padding:22px !important;
  border:1px dashed #343848 !important;
  border-radius:12px !important;
  background:#0d1018 !important;
  color:#aaa6bf !important;
  text-align:center !important;
  font:800 13px/1.35 Inter, system-ui, sans-serif !important;
}
@media (max-width:560px){
  body.retro-forum .cover-picker{
    padding:14px !important;
  }
  body.retro-forum .cover-picker__head{
    flex-direction:column !important;
  }
  body.retro-forum .cover-picker__preview{
    min-height:150px !important;
  }
  body.retro-forum .cover-picker__frame{
    grid-template-columns:1fr !important;
  }
  body.retro-forum .cover-picker__file,
  body.retro-forum .cover-picker__upload button{
    flex:1 1 100% !important;
  }
  body.retro-forum .cover-gallery-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* TRUE FINAL - Ventana de seguidores/siguiendo del muro personal. */
body.retro-forum .uwx-follow-modal{
  width:min(640px, calc(100vw - 22px)) !important;
  max-width:min(640px, calc(100vw - 22px)) !important;
  max-height:calc(100dvh - 28px) !important;
  overflow:hidden !important;
  padding:0 !important;
  border:1px solid rgba(195,192,255,.18) !important;
  border-radius:18px !important;
  background:#12151f !important;
  color:#f4f1ff !important;
  box-shadow:0 28px 80px rgba(0,0,0,.52) !important;
}
body.retro-forum .uwx-follow-window{
  display:grid !important;
  grid-template-rows:auto auto minmax(0,1fr) !important;
  max-height:calc(100dvh - 28px) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(76,215,246,.12), transparent 32%),
    radial-gradient(circle at 88% 8%, rgba(195,192,255,.14), transparent 30%),
    linear-gradient(180deg,#171a24,#10131b) !important;
}
body.retro-forum .uwx-follow-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:18px 18px 14px !important;
  border-bottom:1px solid rgba(195,192,255,.12) !important;
}
body.retro-forum .uwx-follow-kicker{
  color:#bdb6ff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
body.retro-forum .uwx-follow-head h2{
  margin:5px 0 0 !important;
  color:#ffffff !important;
  font:900 24px/1.1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-follow-head p{
  margin:7px 0 0 !important;
  color:#aaa6bf !important;
  font:700 13px/1.35 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-follow-close{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border:1px solid rgba(195,192,255,.14) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.06) !important;
  color:#ffffff !important;
  font:900 16px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
  transition:transform .16s ease, background-color .16s ease, border-color .16s ease !important;
}
body.retro-forum .uwx-follow-close:hover{
  transform:translateY(-1px) !important;
  background:rgba(195,192,255,.12) !important;
  border-color:rgba(195,192,255,.32) !important;
}
body.retro-forum .uwx-follow-alert{
  margin:12px 18px 0 !important;
  padding:10px 12px !important;
  border:1px solid rgba(78,222,163,.26) !important;
  border-radius:13px !important;
  background:rgba(78,222,163,.10) !important;
  color:#dbfff1 !important;
  font:800 12px/1.35 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-follow-alert strong{
  color:#4edea3 !important;
}
body.retro-forum .uwx-follow-list{
  min-height:220px !important;
  max-height:min(62dvh, 560px) !important;
  overflow:auto !important;
  padding:14px 18px 18px !important;
}
body.retro-forum .uwx-follow-item{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) minmax(120px,auto) !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px !important;
  border:1px solid rgba(195,192,255,.10) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.035) !important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease !important;
}
body.retro-forum .uwx-follow-item + .uwx-follow-item{
  margin-top:9px !important;
}
body.retro-forum .uwx-follow-item:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(195,192,255,.28) !important;
  background:rgba(255,255,255,.055) !important;
}
body.retro-forum .uwx-follow-avatar,
body.retro-forum .uwx-follow-main{
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  padding:0 !important;
  cursor:pointer !important;
  text-align:left !important;
}
body.retro-forum .uwx-follow-avatar img{
  width:48px !important;
  height:48px !important;
  border-radius:14px !important;
  object-fit:cover !important;
  display:block !important;
  background:#0b0e16 !important;
  box-shadow:0 0 0 1px rgba(195,192,255,.14) !important;
}
body.retro-forum .uwx-follow-main{
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
}
body.retro-forum .uwx-follow-main strong{
  color:#ffffff !important;
  font:900 14px/1.1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-follow-main span{
  color:#bdb6ff !important;
  font:800 12px/1.1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-follow-main small{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#a9a6b8 !important;
  font:700 12px/1.2 Inter, system-ui, sans-serif !important;
}
body.retro-forum .uwx-follow-side{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  gap:6px !important;
}
body.retro-forum .uwx-follow-badge{
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  max-width:220px !important;
  padding:0 9px !important;
  border:1px solid rgba(195,192,255,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.05) !important;
  color:#d8d4ee !important;
  font:900 10px/1 Inter, system-ui, sans-serif !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body.retro-forum .uwx-follow-badge--friend{
  background:rgba(76,215,246,.12) !important;
  border-color:rgba(76,215,246,.24) !important;
  color:#c8f6ff !important;
}
body.retro-forum .uwx-follow-badge--mutual{
  background:rgba(78,222,163,.12) !important;
  border-color:rgba(78,222,163,.26) !important;
  color:#dbfff1 !important;
}
body.retro-forum .uwx-follow-empty{
  min-height:180px !important;
  display:grid !important;
  place-items:center !important;
  border:1px dashed rgba(195,192,255,.16) !important;
  border-radius:16px !important;
  background:rgba(0,0,0,.16) !important;
  color:#aaa6bf !important;
  font:800 13px/1.35 Inter, system-ui, sans-serif !important;
  text-align:center !important;
}
body.retro-forum .uwx-follow-empty--error{
  color:#ff9bae !important;
}
@media (max-width:560px){
  body.retro-forum .uwx-follow-item{
    grid-template-columns:44px minmax(0,1fr) !important;
    align-items:start !important;
  }
  body.retro-forum .uwx-follow-avatar img{
    width:44px !important;
    height:44px !important;
  }
  body.retro-forum .uwx-follow-side{
    grid-column:2 !important;
    justify-content:flex-start !important;
  }
  body.retro-forum .uwx-follow-badge{
    max-width:100% !important;
  }
}

/* TRUE FINAL - Streaming channel opens in a movable floating window. */
body.retro-forum .fm-stream-float{
  position:fixed !important;
  z-index:10020 !important;
  min-width:320px !important;
  min-height:360px !important;
  height:min(620px, calc(100dvh - 24px)) !important;
  max-width:calc(100vw - 16px) !important;
  max-height:calc(100dvh - 16px) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  resize:both !important;
  border:1px solid #45485b !important;
  border-radius:16px !important;
  background:#151821 !important;
  color:#f6f4ff !important;
  box-shadow:0 28px 70px rgba(0,0,0,.52), 0 0 0 1px rgba(189,182,255,.08) inset !important;
}
body.retro-forum .fm-stream-float.is-dragging{
  opacity:.94 !important;
  user-select:none !important;
}
body.retro-forum .fm-stream-float__bar{
  min-height:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex:0 0 auto !important;
  padding:10px 12px 10px 16px !important;
  border-bottom:1px solid #2d3140 !important;
  background:#1b1e29 !important;
  cursor:grab !important;
  touch-action:none !important;
}
body.retro-forum .fm-stream-float.is-dragging .fm-stream-float__bar{
  cursor:grabbing !important;
}
body.retro-forum .fm-stream-float__bar span{
  display:block !important;
  color:#68dfff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.14em !important;
}
body.retro-forum .fm-stream-float__bar strong{
  display:block !important;
  margin-top:3px !important;
  max-width:260px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#fff !important;
  font:900 14px/1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .fm-stream-float__actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}
body.retro-forum .fm-stream-float__actions a,
body.retro-forum .fm-stream-float__actions button{
  min-height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #363a4c !important;
  border-radius:999px !important;
  background:#11141c !important;
  color:#dcd8ff !important;
  padding:0 10px !important;
  text-decoration:none !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}
body.retro-forum .fm-stream-float__actions a:hover,
body.retro-forum .fm-stream-float__actions button:hover{
  border-color:#bdb6ff !important;
  color:#fff !important;
}
body.retro-forum .fm-stream-float__close{
  width:30px !important;
  min-width:30px !important;
  padding:0 !important;
  background:#242838 !important;
}
body.retro-forum .fm-stream-desc{
  flex:0 0 auto !important;
  padding:10px 16px !important;
  border-bottom:1px solid #272b38 !important;
  color:#b8b3d0 !important;
  font:700 12px/1.4 Inter, system-ui, sans-serif !important;
  white-space:pre-line !important;
}
body.retro-forum .fm-stream-float__body{
  min-height:0 !important;
  flex:1 1 auto !important;
  padding:12px !important;
  overflow:hidden !important;
}
body.retro-forum .fm-stream-layout{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  align-items:stretch !important;
  grid-template-rows:minmax(0, 1fr) !important;
  gap:12px !important;
}
body.retro-forum .fm-stream-layout--twitch{
  grid-template-columns:minmax(0, 65fr) minmax(0, 35fr) !important;
}
body.retro-forum .fm-stream-layout--single{
  grid-template-columns:1fr !important;
}
body.retro-forum .fm-stream-player,
body.retro-forum .fm-stream-chat{
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  border:1px solid #303443 !important;
  border-radius:13px !important;
  overflow:hidden !important;
  background:#07090f !important;
}
body.retro-forum .fm-stream-player{
  aspect-ratio:auto !important;
}
body.retro-forum .fm-stream-player iframe,
body.retro-forum .fm-stream-chat iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
}
body.retro-forum .fm-stream-empty{
  min-height:180px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  color:#aaa6bf !important;
  border:1px dashed #3a3e50 !important;
  border-radius:13px !important;
  background:#10131b !important;
  font:800 13px/1.4 Inter, system-ui, sans-serif !important;
}
body.retro-forum .fm-stream-config{
  margin:12px auto 0 !important;
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:999px !important;
  background:#4edea3 !important;
  color:#003824 !important;
  padding:0 16px !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}
@media (max-width: 860px){
  body.retro-forum .fm-stream-float{
    left:8px !important;
    right:8px !important;
    top:8px !important;
    height:auto !important;
    width:auto !important;
    resize:none !important;
  }
  body.retro-forum .fm-stream-float__body{
    overflow:auto !important;
  }
  body.retro-forum .fm-stream-layout--twitch{
    grid-template-columns:1fr !important;
    grid-template-rows:auto minmax(300px, 1fr) !important;
  }
  body.retro-forum .fm-stream-player{
    order:1 !important;
    aspect-ratio:16/9 !important;
    min-height:0 !important;
  }
  body.retro-forum .fm-stream-chat{
    order:2 !important;
    min-height:300px !important;
  }
}
@media (max-width: 560px){
  body.retro-forum .fm-stream-float__bar{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  body.retro-forum .fm-stream-float__actions{
    width:100% !important;
    justify-content:flex-start !important;
  }
  body.retro-forum .fm-stream-layout{
    min-height:0 !important;
  }
  body.retro-forum .fm-stream-player,
  body.retro-forum .fm-stream-chat{
    min-height:240px !important;
  }
}

@media (max-width: 760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum.fm-stream-window-open{
    overflow:hidden !important;
    touch-action:none !important;
  }

  body.retro-forum .fm-stream-float{
    inset:0 !important;
    left:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:100vw !important;
    height:var(--fm-vh, 100dvh) !important;
    min-height:var(--fm-vh, 100dvh) !important;
    max-height:var(--fm-vh, 100dvh) !important;
    border:0 !important;
    border-radius:0 !important;
    resize:none !important;
    box-shadow:none !important;
  }

  body.retro-forum .fm-stream-float__bar{
    padding:calc(10px + env(safe-area-inset-top, 0px)) 12px 10px !important;
    cursor:default !important;
    touch-action:auto !important;
  }

  body.retro-forum .fm-stream-float__actions{
    width:auto !important;
    flex:0 0 auto !important;
    justify-content:flex-end !important;
  }

  body.retro-forum .fm-stream-desc{
    max-height:88px !important;
    overflow:auto !important;
  }

  body.retro-forum .fm-stream-float__body{
    flex:1 1 auto !important;
    min-height:0 !important;
    padding:8px !important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    overflow:hidden !important;
  }

  body.retro-forum .fm-stream-layout{
    height:100% !important;
    min-height:0 !important;
    gap:8px !important;
  }

  body.retro-forum .fm-stream-layout--twitch{
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(0, 48fr) minmax(0, 52fr) !important;
  }

  body.retro-forum .fm-stream-player,
  body.retro-forum .fm-stream-chat{
    min-height:0 !important;
    border-radius:10px !important;
  }

  body.retro-forum .fm-stream-layout--single .fm-stream-player{
    height:100% !important;
    aspect-ratio:auto !important;
  }
}

/* TRUE FINAL - Consistencia Stitch para modales de perfil cargados en el muro. */
body.retro-forum .gallery-manager-modal,
body.retro-forum .cover-picker-modal{
  width:min(760px, calc(100vw - 24px)) !important;
  max-width:min(760px, calc(100vw - 24px)) !important;
  max-height:calc(100dvh - 24px) !important;
  overflow:auto !important;
  padding:0 !important;
  border:1px solid rgba(166, 204, 224, .44) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(240, 252, 255, .97), rgba(215, 234, 242, .98)) !important;
  color:#102433 !important;
  box-shadow:0 30px 82px rgba(0, 0, 0, .46), 0 0 0 1px rgba(255, 255, 255, .64) inset !important;
}
body.retro-forum .cover-picker,
body.retro-forum .gm-shell{
  color:#102433 !important;
}
body.retro-forum .cover-picker__head,
body.retro-forum .gm-head{
  background:linear-gradient(135deg, rgba(216, 248, 255, .88), rgba(235, 232, 255, .78)) !important;
  border-bottom:1px solid rgba(77, 120, 146, .18) !important;
}
body.retro-forum .cover-picker__kicker,
body.retro-forum .cover-picker__section-title,
body.retro-forum .gm-kicker,
body.retro-forum .gm-section-title{
  color:#12617f !important;
  font:950 11px/1 Inter, Plus Jakarta Sans, system-ui, sans-serif !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}
body.retro-forum .cover-picker__head h2,
body.retro-forum .gm-head h2{
  color:#16324a !important;
  font:950 24px/1.08 Inter, Plus Jakarta Sans, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
}
body.retro-forum .cover-picker__head p,
body.retro-forum .gm-head p{
  color:#5f7888 !important;
}
body.retro-forum .cover-picker__close,
body.retro-forum .gm-close{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border:0 !important;
  border-radius:50% !important;
  background:rgba(13, 38, 57, .08) !important;
  color:#17314a !important;
  font:950 15px/1 Inter, system-ui, sans-serif !important;
}
body.retro-forum .cover-picker__close:hover,
body.retro-forum .gm-close:hover{
  transform:translateY(-1px) !important;
  background:#0d111a !important;
  color:#ffffff !important;
}
body.retro-forum .cover-picker__preview{
  border-color:rgba(80, 128, 154, .22) !important;
  border-radius:18px !important;
}
body.retro-forum .cover-picker__file,
body.retro-forum .cover-picker__upload button,
body.retro-forum .gm-create-row button,
body.retro-forum .gm-upload-row label,
body.retro-forum .gm-album-row button,
body.retro-forum .gm-item button.danger{
  border-radius:999px !important;
}
body.retro-forum .gm-create-row input,
body.retro-forum .gm-upload-row select,
body.retro-forum .gm-album-row input,
body.retro-forum .gm-item select{
  min-height:40px !important;
  border:1px solid rgba(6, 14, 24, .18) !important;
  border-radius:8px !important;
  background:#0b0f19 !important;
  color:#ffffff !important;
}

/* TRUE FINAL - Messenger self header: status beside name, description below. */
body.retro-forum #msn-panel .msn-self-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:visible !important;
}

body.retro-forum #msn-panel .msn-self-topline{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:visible !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-self-name{
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:calc(100% - 96px) !important;
  margin:0 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:16px !important;
  line-height:1.05 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-status-picker{
  flex:0 0 auto !important;
  margin:0 !important;
  width:auto !important;
  max-width:128px !important;
  z-index:30 !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-status-toggle{
  height:24px !important;
  min-height:24px !important;
  max-width:128px !important;
  padding:0 6px !important;
  gap:6px !important;
  font-size:11px !important;
  line-height:1 !important;
  border-radius:8px !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-status-label{
  max-width:76px !important;
}

body.retro-forum #msn-panel .msn-self-description{
  width:100% !important;
  max-width:100% !important;
  min-height:14px !important;
  color:rgba(232, 240, 255, .72) !important;
  -webkit-text-fill-color:rgba(232, 240, 255, .72) !important;
  font:750 12px/1.25 Inter, system-ui, sans-serif !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* TRUE FINAL - Messenger friends list scrolls inside AMIGOS. */
body.retro-forum #chat-col,
body.retro-forum .chat-col{
  min-height:0 !important;
  overflow:hidden !important;
}

body.retro-forum #chat-col #msn-panel,
body.retro-forum .chat-col #msn-panel,
body.retro-forum #chat-col .msn-panel,
body.retro-forum .chat-col .msn-panel{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  height:100% !important;
  max-height:none !important;
  min-height:0 !important;
  overflow:hidden !important;
}

body.retro-forum #msn-panel .msn-self,
body.retro-forum #msn-panel .msn-search-row,
body.retro-forum #msn-panel #msn-search-results,
body.retro-forum #msn-panel #msn-open-bubbles,
body.retro-forum #msn-panel #msn-folder-list{
  flex:0 0 auto !important;
}

body.retro-forum #msn-panel #msn-contact-list{
  flex:1 1 0 !important;
  min-height:0 !important;
  height:auto !important;
  max-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  overflow-x:hidden !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel{
  flex:1 1 0 !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-gutter:stable !important;
  touch-action:pan-y !important;
}

body.retro-forum #msn-contact-list .msn-friends-toolbar{
  position:sticky !important;
  top:0 !important;
  z-index:12 !important;
  flex:0 0 auto !important;
}

body.retro-forum #msn-contact-list .msn-friend-folder,
body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""],
body.retro-forum #msn-contact-list .msn-folder-body{
  min-height:0 !important;
  overflow:visible !important;
}

/* TRUE FINAL - Remove the visible seam while AMIGOS scrolls. */
body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""]{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friend-folder[data-folder-id=""] > .msn-group-title.msn-folder-drop-title{
  border:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

body.retro-forum #msn-contact-list .msn-friends-panel > .msn-friends-toolbar{
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* TRUE FINAL - Audio recording bubble has ordered actions and slide-to-lock feedback. */
body.retro-forum #msn-chat-compose .msn-audio-state{
  --dm-audio-lock-progress:0;
  box-sizing:border-box !important;
  left:8px !important;
  right:8px !important;
  bottom:calc(100% + 10px) !important;
  top:auto !important;
  width:auto !important;
  max-width:calc(100% - 16px) !important;
  min-height:92px !important;
  padding:10px !important;
  grid-template-columns:auto auto minmax(0, 1fr) !important;
  grid-template-areas:
    "dot timer hint"
    "line line line"
    "actions actions actions" !important;
  align-items:center !important;
  gap:9px 10px !important;
  border:1px solid rgba(255, 96, 116, .34) !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at 16px 14px, rgba(255, 78, 105, .20), transparent 30px),
    linear-gradient(180deg, rgba(27, 31, 42, .99), rgba(14, 17, 27, .99)) !important;
  box-shadow:0 16px 34px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
  overflow:visible !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state.is-pending,
body.retro-forum #msn-chat-compose .msn-audio-state.is-recording,
body.retro-forum #msn-chat-compose .msn-audio-state.is-locked,
body.retro-forum #msn-chat-compose .msn-audio-state.is-paused{
  display:grid !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-indicator{
  --dm-audio-cancel-progress:0;
  --dm-audio-lock-progress:0;
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  bottom:calc(100% + 9px) !important;
  z-index:39 !important;
  display:none !important;
  grid-template-columns:auto minmax(0, 1fr) !important;
  grid-template-areas:
    "main lock"
    "cancel cancel" !important;
  align-items:center !important;
  column-gap:10px !important;
  row-gap:7px !important;
  box-sizing:border-box !important;
  min-height:63px !important;
  padding:8px 9px !important;
  border:1px solid rgba(195, 192, 255, .22) !important;
  border-radius:13px !important;
  background:linear-gradient(180deg, rgba(21, 24, 34, .98), rgba(12, 15, 24, .98)) !important;
  color:#eef2ff !important;
  box-shadow:0 14px 30px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06) !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-pending,
body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-recording{
  display:grid !important;
  animation:msnAudioHoldIn .16s ease-out both !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-main{
  grid-area:main !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-width:0 !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-dot{
  width:9px !important;
  height:9px !important;
  flex:0 0 auto !important;
  border-radius:999px !important;
  background:#ff4f67 !important;
  box-shadow:0 0 0 0 rgba(255, 79, 103, .42) !important;
  animation:msnAudioHoldDot 1s ease-in-out infinite !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-timer{
  min-width:38px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font:950 12px/1 Inter, system-ui, sans-serif !important;
  font-variant-numeric:tabular-nums !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-copy{
  min-width:0 !important;
  color:#cfc9ff !important;
  -webkit-text-fill-color:#cfc9ff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-mini{
  grid-area:lock !important;
  justify-self:end !important;
  min-width:0 !important;
  max-width:100% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  padding:5px 8px !important;
  border-radius:999px !important;
  background:rgba(191, 182, 255, .09) !important;
  color:#cfc9ff !important;
  -webkit-text-fill-color:#cfc9ff !important;
  box-shadow:inset 0 0 0 1px rgba(191, 182, 255, .13) !important;
  transform:translateY(calc(var(--dm-audio-lock-progress) * -2px)) !important;
  transition:background .14s ease, color .14s ease, box-shadow .14s ease, transform .08s linear !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-mini-arrow{
  position:relative !important;
  width:14px !important;
  height:16px !important;
  flex:0 0 14px !important;
  color:currentColor !important;
  animation:msnAudioLockMiniArrow 1s ease-in-out infinite !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-mini-arrow::before,
body.retro-forum #msn-chat-compose .msn-audio-lock-mini-arrow::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  display:block !important;
  box-sizing:border-box !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-mini-arrow::before{
  bottom:1px !important;
  width:2px !important;
  height:13px !important;
  transform:translateX(-50%) !important;
  border-radius:999px !important;
  background:currentColor !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-mini-arrow::after{
  top:1px !important;
  width:9px !important;
  height:9px !important;
  transform:translateX(-50%) rotate(45deg) !important;
  border-left:2px solid currentColor !important;
  border-top:2px solid currentColor !important;
  border-radius:2px 0 0 0 !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-mini-label{
  min-width:0 !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  font:900 10px/1.05 Inter, system-ui, sans-serif !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel-guide{
  grid-area:cancel !important;
  justify-self:end !important;
  display:grid !important;
  grid-template-columns:20px minmax(74px, 116px) minmax(88px, auto) !important;
  align-items:center !important;
  gap:7px !important;
  min-width:0 !important;
  color:#b7bdcf !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel-arrow{
  position:relative !important;
  width:18px !important;
  height:14px !important;
  color:currentColor !important;
  opacity:.78 !important;
  animation:msnAudioCancelArrow 1s ease-in-out infinite !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel-arrow::before,
body.retro-forum #msn-chat-compose .msn-audio-cancel-arrow::after{
  content:"" !important;
  position:absolute !important;
  display:block !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel-arrow::before{
  left:2px !important;
  right:1px !important;
  top:6px !important;
  height:2px !important;
  border-radius:999px !important;
  background:currentColor !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel-arrow::after{
  left:1px !important;
  top:3px !important;
  width:7px !important;
  height:7px !important;
  border-left:2px solid currentColor !important;
  border-bottom:2px solid currentColor !important;
  transform:rotate(45deg) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel-track{
  position:relative !important;
  width:100% !important;
  height:9px !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:stretch !important;
  border-radius:999px !important;
  background:rgba(255, 79, 103, .10) !important;
  box-shadow:inset 0 0 0 1px rgba(255, 79, 103, .20) !important;
  overflow:visible !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel-track i{
  width:0;
  min-width:0 !important;
  height:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, #ff365d, #ff8fa0) !important;
  box-shadow:0 0 12px rgba(255, 79, 103, .36) !important;
  transition:width .08s linear !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel-track b{
  position:absolute !important;
  left:-1px !important;
  top:50% !important;
  width:3px !important;
  height:21px !important;
  transform:translateY(-50%) !important;
  border-radius:999px !important;
  background:#ff4f67 !important;
  box-shadow:0 0 0 4px rgba(255, 79, 103, .13), 0 0 14px rgba(255, 79, 103, .38) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel-label{
  color:#aeb5c8 !important;
  -webkit-text-fill-color:#aeb5c8 !important;
  font:900 10px/1.05 Inter, system-ui, sans-serif !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-canceling{
  border-color:rgba(255, 79, 103, .42) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.38), 0 0 0 1px rgba(255, 79, 103, .12), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-cancel-ready{
  border-color:rgba(255, 79, 103, .62) !important;
  background:
    radial-gradient(circle at 24px 50%, rgba(255, 79, 103, .22), transparent 48px),
    linear-gradient(180deg, rgba(35, 17, 25, .99), rgba(17, 13, 21, .99)) !important;
  animation:msnAudioCancelLimit .42s ease-in-out infinite alternate !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-cancel-ready .msn-audio-cancel-label,
body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-cancel-ready .msn-audio-cancel-arrow{
  color:#ff9aac !important;
  -webkit-text-fill-color:#ff9aac !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-cancel-ready .msn-audio-cancel-track b{
  animation:msnAudioCancelMarker .34s ease-in-out infinite alternate !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-locking{
  border-color:rgba(143, 255, 226, .36) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.38), 0 0 0 1px rgba(143, 255, 226, .10), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-locking .msn-audio-lock-mini,
body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-lock-ready .msn-audio-lock-mini{
  background:rgba(143, 255, 226, .13) !important;
  color:#8fffe2 !important;
  -webkit-text-fill-color:#8fffe2 !important;
  box-shadow:inset 0 0 0 1px rgba(143, 255, 226, .30), 0 0 15px rgba(143, 255, 226, .14) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-lock-ready{
  border-color:rgba(143, 255, 226, .54) !important;
  background:
    radial-gradient(circle at calc(100% - 52px) 18px, rgba(143, 255, 226, .18), transparent 58px),
    linear-gradient(180deg, rgba(18, 36, 39, .99), rgba(12, 17, 24, .99)) !important;
  animation:msnAudioLockMiniReady .42s ease-in-out infinite alternate !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hold-indicator.is-lock-ready .msn-audio-lock-mini-arrow{
  animation:msnAudioLockMiniArrowReady .34s ease-in-out infinite alternate !important;
}

body.retro-forum #msn-chat-compose .msn-audio-hint{
  min-width:0 !important;
  max-width:100% !important;
  color:#f1efff !important;
  -webkit-text-fill-color:#f1efff !important;
  font:900 12px/1.15 Inter, system-ui, sans-serif !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state.is-locked .msn-audio-hint{
  color:#8fffe2 !important;
  -webkit-text-fill-color:#8fffe2 !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state.is-paused .msn-audio-hint{
  color:#ffd5de !important;
  -webkit-text-fill-color:#ffd5de !important;
}

body.retro-forum #msn-chat-compose .msn-audio-timeline{
  height:8px !important;
  border:1px solid rgba(191, 182, 255, .16) !important;
  background:#0a0d15 !important;
}

body.retro-forum #msn-chat-compose .msn-audio-timeline i{
  min-width:8px !important;
  background:linear-gradient(90deg, #ff3f63, #7ee7ff, #bfb6ff) !important;
  box-shadow:0 0 12px rgba(255, 79, 103, .30) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-actions{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

body.retro-forum #msn-chat-compose .msn-audio-pause,
body.retro-forum #msn-chat-compose .msn-audio-send,
body.retro-forum #msn-chat-compose .msn-audio-cancel{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:78px !important;
  max-width:100% !important;
  height:31px !important;
  min-height:31px !important;
  padding:0 12px !important;
  border-radius:9px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  font:950 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

body.retro-forum #msn-chat-compose .msn-audio-send{
  min-width:102px !important;
  background:linear-gradient(180deg, #d9d3ff, #a99fff) !important;
  color:#15123f !important;
  -webkit-text-fill-color:#15123f !important;
  box-shadow:0 7px 18px rgba(169, 160, 255, .24), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-cancel{
  min-width:82px !important;
  background:rgba(255, 79, 103, .16) !important;
  color:#ff9aac !important;
  -webkit-text-fill-color:#ff9aac !important;
}

body.retro-forum #msn-chat-compose .msn-audio-pause{
  background:rgba(126, 231, 255, .12) !important;
  color:#b9f5ff !important;
  -webkit-text-fill-color:#b9f5ff !important;
}

body.retro-forum #msn-chat-compose .msn-audio-pause:hover,
body.retro-forum #msn-chat-compose .msn-audio-send:hover,
body.retro-forum #msn-chat-compose .msn-audio-cancel:hover{
  transform:translateY(-1px) scale(1.03) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-pause:active,
body.retro-forum #msn-chat-compose .msn-audio-send:active,
body.retro-forum #msn-chat-compose .msn-audio-cancel:active{
  transform:scale(.96) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-cue{
  position:absolute !important;
  right:13px !important;
  bottom:calc(100% + 9px) !important;
  width:42px !important;
  height:58px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  border:1px solid rgba(191, 182, 255, .20) !important;
  border-radius:999px !important;
  background:rgba(14, 17, 27, .96) !important;
  color:#cfc9ff !important;
  box-shadow:0 12px 24px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  opacity:0 !important;
  transform:translateY(12px) scale(.92) !important;
  pointer-events:none !important;
  transition:opacity .16s ease, transform .18s cubic-bezier(.2, .9, .2, 1.2), color .16s ease, border-color .16s ease, background .16s ease !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state.is-locking .msn-audio-lock-cue,
body.retro-forum #msn-chat-compose .msn-audio-state.is-lock-ready .msn-audio-lock-cue{
  opacity:.95 !important;
  transform:translateY(0) scale(1) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state.is-lock-ready .msn-audio-lock-cue{
  color:#8fffe2 !important;
  border-color:rgba(143, 255, 226, .48) !important;
  background:rgba(18, 45, 43, .96) !important;
  animation:msnAudioLockReady .6s ease-in-out infinite alternate !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state.is-lock-confirmed .msn-audio-lock-cue{
  opacity:1 !important;
  color:#ffffff !important;
  border-color:rgba(143, 255, 226, .68) !important;
  background:linear-gradient(180deg, #24caa9, #148d7d) !important;
  animation:msnAudioLockConfirmed .72s ease-out both !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-arrow{
  width:13px !important;
  height:13px !important;
  border-left:2px solid currentColor !important;
  border-top:2px solid currentColor !important;
  transform:rotate(45deg) !important;
  animation:msnAudioLockArrow 1s ease-in-out infinite !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-icon{
  position:relative !important;
  width:18px !important;
  height:20px !important;
  display:block !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-icon::before,
body.retro-forum #msn-chat-compose .msn-audio-lock-icon::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  box-sizing:border-box !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-icon::before{
  top:1px !important;
  width:12px !important;
  height:10px !important;
  border:2px solid currentColor !important;
  border-bottom:0 !important;
  border-radius:8px 8px 0 0 !important;
}

body.retro-forum #msn-chat-compose .msn-audio-lock-icon::after{
  bottom:1px !important;
  width:16px !important;
  height:13px !important;
  border-radius:4px !important;
  background:currentColor !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn.is-lock-ready{
  transform:translateY(-2px) scale(1.12) !important;
  box-shadow:0 0 0 6px rgba(143, 255, 226, .13), 0 0 18px rgba(143, 255, 226, .34) !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn.is-lock-confirmed{
  animation:msnAudioMicLocked .7s ease-out both !important;
}

@keyframes msnAudioLockArrow{
  0%, 100%{ transform:translateY(2px) rotate(45deg); opacity:.72; }
  50%{ transform:translateY(-3px) rotate(45deg); opacity:1; }
}

@keyframes msnAudioLockReady{
  from{ box-shadow:0 12px 24px rgba(0,0,0,.36), 0 0 0 0 rgba(143, 255, 226, .20); }
  to{ box-shadow:0 12px 24px rgba(0,0,0,.36), 0 0 0 7px rgba(143, 255, 226, 0); }
}

@keyframes msnAudioLockConfirmed{
  0%{ transform:translateY(4px) scale(.92); }
  48%{ transform:translateY(-6px) scale(1.12); }
  100%{ transform:translateY(0) scale(1); }
}

@keyframes msnAudioMicLocked{
  0%{ transform:scale(1); }
  45%{ transform:translateY(-2px) scale(1.22); }
  100%{ transform:scale(1); }
}

@media (max-width:520px){
  body.retro-forum #msn-chat-compose .msn-audio-state{
    min-height:104px !important;
    padding:9px !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-actions{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(86px, 1fr)) !important;
    justify-content:stretch !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-pause,
  body.retro-forum #msn-chat-compose .msn-audio-send,
  body.retro-forum #msn-chat-compose .msn-audio-cancel{
    width:100% !important;
    min-width:0 !important;
    padding:0 8px !important;
  }
}

/* TRUE FINAL - Audio bubble only appears after locking; swipe left cancels while holding. */
body.retro-forum #msn-chat-compose .msn-audio-state.is-pending,
body.retro-forum #msn-chat-compose .msn-audio-state.is-recording{
  display:none !important;
}

body.retro-forum #msn-chat-compose .msn-audio-state.is-locked,
body.retro-forum #msn-chat-compose .msn-audio-state.is-paused{
  display:grid !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn.is-canceling{
  color:#ffffff !important;
  background:linear-gradient(180deg, #ff7d91, #e43350) !important;
  box-shadow:0 0 0 5px rgba(255, 79, 103, .13), 0 0 17px rgba(255, 79, 103, .36) !important;
  transform:translateX(-7px) scale(1.06) !important;
  animation:none !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn.is-cancel-ready{
  color:#ffffff !important;
  background:linear-gradient(180deg, #ff5d76, #c91f3f) !important;
  box-shadow:0 0 0 7px rgba(255, 79, 103, .17), 0 0 22px rgba(255, 79, 103, .52) !important;
  transform:translateX(-13px) scale(1.12) !important;
  animation:msnAudioCancelReady .28s ease-in-out infinite alternate !important;
}

body.retro-forum #msn-chat-compose.is-audio-canceling #msn-dm-input{
  border-color:rgba(255, 79, 103, .32) !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28), 0 0 0 1px rgba(255, 79, 103, .12) !important;
}

body.retro-forum #msn-chat-compose.is-audio-cancel-ready #msn-dm-input{
  border-color:rgba(255, 79, 103, .54) !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28), 0 0 0 2px rgba(255, 79, 103, .16) !important;
}

@keyframes msnAudioCancelReady{
  from{ transform:translateX(-11px) scale(1.08); filter:drop-shadow(0 0 4px rgba(255, 79, 103, .36)); }
  to{ transform:translateX(-16px) scale(1.15); filter:drop-shadow(0 0 10px rgba(255, 79, 103, .58)); }
}

@keyframes msnAudioHoldIn{
  from{ opacity:0; transform:translateY(5px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

@keyframes msnAudioHoldDot{
  0%, 100%{ box-shadow:0 0 0 0 rgba(255, 79, 103, .42); transform:scale(1); }
  50%{ box-shadow:0 0 0 7px rgba(255, 79, 103, 0); transform:scale(1.12); }
}

@keyframes msnAudioCancelArrow{
  0%, 100%{ transform:translateX(3px); opacity:.62; }
  50%{ transform:translateX(-4px); opacity:1; }
}

@keyframes msnAudioCancelLimit{
  from{ box-shadow:0 14px 30px rgba(0,0,0,.38), 0 0 0 0 rgba(255, 79, 103, .18), inset 0 1px 0 rgba(255,255,255,.06); }
  to{ box-shadow:0 14px 30px rgba(0,0,0,.38), 0 0 0 6px rgba(255, 79, 103, 0), inset 0 1px 0 rgba(255,255,255,.06); }
}

@keyframes msnAudioCancelMarker{
  from{ transform:translateY(-50%) scaleY(.88); }
  to{ transform:translateY(-50%) scaleY(1.22); }
}

@keyframes msnAudioLockMiniArrow{
  0%, 100%{ transform:translateY(3px); opacity:.62; }
  50%{ transform:translateY(-3px); opacity:1; }
}

@keyframes msnAudioLockMiniArrowReady{
  from{ transform:translateY(0) scale(.96); opacity:.86; }
  to{ transform:translateY(-4px) scale(1.12); opacity:1; }
}

@keyframes msnAudioLockMiniReady{
  from{ box-shadow:0 14px 30px rgba(0,0,0,.38), 0 0 0 0 rgba(143, 255, 226, .18), inset 0 1px 0 rgba(255,255,255,.06); }
  to{ box-shadow:0 14px 30px rgba(0,0,0,.38), 0 0 0 6px rgba(143, 255, 226, 0), inset 0 1px 0 rgba(255,255,255,.06); }
}

@media (max-width:520px){
  body.retro-forum #msn-chat-compose .msn-audio-hold-indicator{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "main"
      "lock"
      "cancel" !important;
    gap:7px !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-lock-mini{
    justify-self:stretch !important;
    justify-content:flex-start !important;
  }

  body.retro-forum #msn-chat-compose .msn-audio-cancel-guide{
    justify-self:stretch !important;
    grid-template-columns:20px minmax(80px, 1fr) minmax(82px, auto) !important;
  }
}

/* TRUE FINAL - Messenger text messages fit the text like chat bubbles. */
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text,
body.retro-forum .msn-chat-shell .dm-msg:not(.dm-msg-audio):not(.dm-msg-media):not(.dm-msg-sticker):not(:has(.dm-media)):not(:has(.dm-sticker)):not(:has(.dm-audio-player)){
  width:fit-content !important;
  min-width:0 !important;
  max-width:min(82%, 460px) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text.dm-msg-mine,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-mine:not(.dm-msg-audio):not(.dm-msg-media):not(.dm-msg-sticker):not(:has(.dm-media)):not(:has(.dm-sticker)):not(:has(.dm-audio-player)){
  margin-left:auto !important;
  margin-right:0 !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text.dm-msg-other,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-other:not(.dm-msg-audio):not(.dm-msg-media):not(.dm-msg-sticker):not(:has(.dm-media)):not(:has(.dm-sticker)):not(:has(.dm-audio-player)){
  margin-left:0 !important;
  margin-right:auto !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text .dm-bubble,
body.retro-forum .msn-chat-shell .dm-msg:not(.dm-msg-audio):not(.dm-msg-media):not(.dm-msg-sticker):not(:has(.dm-media)):not(:has(.dm-sticker)):not(:has(.dm-audio-player)) .dm-bubble{
  display:inline-grid !important;
  grid-template-columns:minmax(0, auto) !important;
  width:fit-content !important;
  min-width:44px !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  padding:7px 10px 5px !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text .dm-text,
body.retro-forum .msn-chat-shell .dm-msg:not(.dm-msg-audio):not(.dm-msg-media):not(.dm-msg-sticker):not(:has(.dm-media)):not(:has(.dm-sticker)):not(:has(.dm-audio-player)) .dm-text{
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text .dm-text:empty{
  display:none !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text .dm-time,
body.retro-forum .msn-chat-shell .dm-msg:not(.dm-msg-audio):not(.dm-msg-media):not(.dm-msg-sticker):not(:has(.dm-media)):not(:has(.dm-sticker)):not(:has(.dm-audio-player)) .dm-time{
  justify-self:end !important;
  min-width:max-content !important;
  margin-top:2px !important;
  font-size:10px !important;
  line-height:1 !important;
  opacity:.68 !important;
}

/* TRUE FINAL - Open messenger conversation fills the whole rail like mobile. */
body.retro-forum.messenger-chat-active #chat-col,
body.retro-forum.messenger-chat-active .chat-col{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  min-height:0 !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active #chat-col #msn-panel,
body.retro-forum.messenger-chat-active .chat-col #msn-panel,
body.retro-forum.messenger-chat-active #chat-col .msn-panel,
body.retro-forum.messenger-chat-active .chat-col .msn-panel{
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

body.retro-forum.messenger-chat-active #msn-panel .msn-self{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active #msn-panel .msn-search-row,
body.retro-forum.messenger-chat-active #msn-panel #msn-search-results,
body.retro-forum.messenger-chat-active #msn-panel #msn-open-bubbles,
body.retro-forum.messenger-chat-active #msn-panel .msn-section-title,
body.retro-forum.messenger-chat-active #msn-panel #msn-folder-list,
body.retro-forum.messenger-chat-active #msn-panel #msn-contact-list{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active #msn-chat-shell{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 0 !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active #msn-chat-pages,
body.retro-forum.messenger-chat-active .msn-chat-pages{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 0 !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active .msn-chat-page.active{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 0 !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active .msn-chat-peer{
  flex:0 0 auto !important;
}

/* TRUE FINAL - El estado del contacto se ve claro en el chat abierto. */
body.retro-forum .msn-chat-peer .msn-chat-peer-copy{
  min-width:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  overflow:hidden !important;
}

body.retro-forum .msn-chat-peer .msn-chat-peer-copy strong{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#f3f7ff !important;
  -webkit-text-fill-color:#f3f7ff !important;
  font:950 14px/1.05 Inter, system-ui, sans-serif !important;
}

body.retro-forum .msn-chat-peer .msn-chat-peer-status{
  width:max-content !important;
  max-width:100% !important;
  min-height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#cfe0f2 !important;
  -webkit-text-fill-color:#cfe0f2 !important;
  font:850 11px/1 Inter, system-ui, sans-serif !important;
  opacity:1 !important;
}

body.retro-forum .msn-chat-peer .msn-chat-peer-status i{
  width:8px !important;
  min-width:8px !important;
  height:8px !important;
  display:inline-block !important;
  border-radius:999px !important;
  background:#7f8fa7 !important;
  box-shadow:0 0 0 2px rgba(127,143,167,.16), 0 0 10px rgba(127,143,167,.34) !important;
}

body.retro-forum .msn-chat-peer .msn-chat-peer-status--connected i{
  background:#35d977 !important;
  box-shadow:0 0 0 2px rgba(53,217,119,.18), 0 0 12px rgba(53,217,119,.62) !important;
}

body.retro-forum .msn-chat-peer .msn-chat-peer-status--busy i{
  background:#ff4d6d !important;
  box-shadow:0 0 0 2px rgba(255,77,109,.18), 0 0 12px rgba(255,77,109,.58) !important;
}

body.retro-forum .msn-chat-peer .msn-chat-peer-status--unavailable i{
  background:#ffd166 !important;
  box-shadow:0 0 0 2px rgba(255,209,102,.18), 0 0 12px rgba(255,209,102,.56) !important;
}

body.retro-forum.messenger-chat-active .msn-dm-messages{
  flex:1 1 0 !important;
  min-height:0 !important;
  height:auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
}

body.retro-forum.messenger-chat-active #msn-chat-compose{
  flex:0 0 auto !important;
  margin:0 !important;
}

/* TRUE FINAL - Sent audio messages use the compact dark player style. */
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio{
  width:min(92%, 354px) !important;
  min-width:0 !important;
  max-width:min(92%, 354px) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio.dm-msg-mine{
  margin-left:auto !important;
  margin-right:0 !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio.dm-msg-other{
  margin-left:0 !important;
  margin-right:auto !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-bubble{
  position:relative !important;
  width:min(322px, 100%) !important;
  min-width:min(282px, 100%) !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  padding:8px 10px 8px 8px !important;
  border:1px solid rgba(38, 42, 58, .96) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg, #202331, #171925) !important;
  color:#eef2ff !important;
  box-shadow:0 8px 18px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
  overflow:hidden !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-text:empty{
  display:none !important;
}

/* TRUE FINAL - Mobile messenger uses the status banner arrow as the only back control. */
@media (max-width: 760px), (hover: none) and (pointer: coarse) and (max-width: 1024px){
  body.retro-forum.messenger-open #msn-panel .msn-self,
  body.retro-forum.chat-open #msn-panel .msn-self{
    display:grid !important;
    grid-template-columns:42px 44px minmax(0, 1fr) 96px !important;
    grid-template-areas:"back avatar copy edit" !important;
    align-items:center !important;
    gap:8px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close{
    grid-area:back !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:10px !important;
    border:1px solid rgba(195, 192, 255, .22) !important;
    background:rgba(195, 192, 255, .08) !important;
    color:#c9c5ff !important;
    box-shadow:none !important;
    cursor:pointer !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close::after,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close::after{
    content:none !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close svg,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close svg{
    width:20px !important;
    height:20px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-avatar,
  body.retro-forum.chat-open #msn-panel .msn-self-avatar{
    grid-area:avatar !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-copy,
  body.retro-forum.chat-open #msn-panel .msn-self-copy{
    grid-area:copy !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-edit-profile,
  body.retro-forum.chat-open #msn-panel .msn-edit-profile{
    grid-area:edit !important;
    justify-self:end !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell .msn-chat-back{
    display:none !important;
  }
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-player{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:48px minmax(0, 1fr) !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-play{
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  min-height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #beb2ff, #9b8eff) !important;
  color:#1f1d43 !important;
  -webkit-text-fill-color:#1f1d43 !important;
  font:950 18px/1 Inter, system-ui, sans-serif !important;
  box-shadow:0 9px 18px rgba(155, 142, 255, .25), inset 0 1px 0 rgba(255, 255, 255, .52) !important;
  cursor:pointer !important;
  transform:translateZ(0) !important;
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-play:hover{
  transform:translateY(-1px) scale(1.04) !important;
  filter:brightness(1.04) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-play:active{
  transform:scale(.94) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-play.is-playing{
  background:linear-gradient(180deg, #d4cdff, #afa4ff) !important;
  color:#171532 !important;
  -webkit-text-fill-color:#171532 !important;
  box-shadow:0 0 0 4px rgba(190, 178, 255, .13), 0 9px 18px rgba(155, 142, 255, .32) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-play.is-loading{
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  position:relative !important;
  pointer-events:auto !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-play.is-loading::before{
  content:"" !important;
  width:18px !important;
  height:18px !important;
  border:3px solid rgba(31, 29, 67, .22) !important;
  border-top-color:#1f1d43 !important;
  border-radius:999px !important;
  animation:dmAudioSpin .7s linear infinite !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-play.is-error{
  background:linear-gradient(180deg, #ffd2d8, #ff8fa1) !important;
  color:#48131c !important;
  -webkit-text-fill-color:#48131c !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-main{
  min-width:0 !important;
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 34px !important;
  grid-template-areas:
    "seek speed"
    "clock speed" !important;
  align-items:center !important;
  gap:7px 8px !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-seek{
  grid-area:seek !important;
  width:100% !important;
  min-width:0 !important;
  height:13px !important;
  margin:0 !important;
  padding:0 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  background:transparent !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-seek::-webkit-slider-runnable-track{
  height:6px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, #d4ccff var(--audio-progress), rgba(43, 47, 64, .95) var(--audio-progress)) !important;
  box-shadow:none !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-player.is-loading .dm-audio-seek::-webkit-slider-runnable-track{
  background:linear-gradient(90deg, rgba(43,47,64,.95), rgba(190,178,255,.38), rgba(43,47,64,.95)) !important;
  background-size:180% 100% !important;
  animation:dmAudioLoadingBar 1s ease-in-out infinite !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-seek::-moz-range-track{
  height:6px !important;
  border-radius:999px !important;
  background:rgba(43, 47, 64, .95) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-seek::-moz-range-progress{
  height:6px !important;
  border-radius:999px !important;
  background:#d4ccff !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-seek::-webkit-slider-thumb{
  width:0 !important;
  height:0 !important;
  margin-top:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-seek::-moz-range-thumb{
  width:0 !important;
  height:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-meta{
  display:contents !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-clock{
  grid-area:clock !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  color:#aeb3c4 !important;
  -webkit-text-fill-color:#aeb3c4 !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-clock b{
  color:#73798d !important;
  -webkit-text-fill-color:#73798d !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-speed{
  grid-area:speed !important;
  justify-self:end !important;
  width:32px !important;
  min-width:32px !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 !important;
  border:1px solid rgba(64, 69, 88, .82) !important;
  border-radius:6px !important;
  background:#252939 !important;
  color:#b9bdcc !important;
  -webkit-text-fill-color:#b9bdcc !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  font:950 11px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-speed:hover{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:rgba(190, 178, 255, .55) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-player.is-loading .dm-audio-speed{
  opacity:.52 !important;
  pointer-events:none !important;
}

@keyframes dmAudioSpin{
  to{transform:rotate(360deg)}
}

@keyframes dmAudioLoadingBar{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-time{
  position:absolute !important;
  right:10px !important;
  bottom:8px !important;
  min-width:max-content !important;
  margin:0 !important;
  color:#707686 !important;
  -webkit-text-fill-color:#707686 !important;
  font:850 10px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

@media (max-width:420px){
  body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio{
    max-width:96% !important;
  }

  body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-bubble{
    width:min(318px, 100%) !important;
    min-width:min(258px, 100%) !important;
  }
}

/* TRUE FINAL - Messenger attachments behave like stickers, without a chat bubble background. */
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-sticker,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-emoji,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio{
  width:fit-content !important;
  min-width:0 !important;
  max-width:min(86%, 380px) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media.dm-msg-mine,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-sticker.dm-msg-mine,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-emoji.dm-msg-mine,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio.dm-msg-mine{
  margin-left:auto !important;
  margin-right:0 !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media.dm-msg-other,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-sticker.dm-msg-other,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-emoji.dm-msg-other,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio.dm-msg-other{
  margin-left:0 !important;
  margin-right:auto !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media .dm-bubble,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-sticker .dm-bubble,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-emoji .dm-bubble,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-bubble{
  position:relative !important;
  display:inline-grid !important;
  grid-template-columns:minmax(0, auto) !important;
  gap:3px !important;
  width:fit-content !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#eef2ff !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media .dm-text:empty,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-sticker .dm-text:empty,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-text:empty{
  display:none !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media .dm-text:not(:empty),
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-sticker .dm-text:not(:empty){
  max-width:min(100%, 320px) !important;
  padding:0 2px !important;
  color:#eef2ff !important;
  -webkit-text-fill-color:#eef2ff !important;
  font:850 12px/1.35 Inter, system-ui, sans-serif !important;
  text-shadow:0 1px 2px rgba(0, 0, 0, .45) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media .dm-media{
  display:block !important;
  width:auto !important;
  max-width:min(100%, 328px) !important;
  max-height:280px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  object-fit:contain !important;
  box-shadow:none !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media video.dm-media{
  width:min(328px, 100%) !important;
  height:auto !important;
  background:#05070c !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-sticker .dm-sticker{
  display:block !important;
  width:128px !important;
  height:128px !important;
  max-width:min(38vw, 144px) !important;
  max-height:min(38vw, 144px) !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  object-fit:contain !important;
  box-shadow:none !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-emoji .dm-text{
  display:block !important;
  padding:0 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font:900 34px/1.06 "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  text-shadow:0 4px 12px rgba(0, 0, 0, .35) !important;
  white-space:pre-wrap !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media .dm-time,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-sticker .dm-time,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-emoji .dm-time,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-time{
  position:static !important;
  justify-self:end !important;
  min-width:max-content !important;
  margin:0 !important;
  padding:0 2px !important;
  color:#7d8494 !important;
  -webkit-text-fill-color:#7d8494 !important;
  font:850 10px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  opacity:.86 !important;
  text-shadow:none !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-bubble{
  width:min(322px, 100%) !important;
  min-width:min(264px, 100%) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-player{
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media .dm-reactions,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-sticker .dm-reactions,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-emoji .dm-reactions,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-reactions{
  margin-top:2px !important;
}

@media (max-width:420px){
  body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media,
  body.retro-forum .msn-chat-shell .dm-msg.dm-msg-sticker,
  body.retro-forum .msn-chat-shell .dm-msg.dm-msg-emoji,
  body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio{
    max-width:92% !important;
  }

  body.retro-forum .msn-chat-shell .dm-msg.dm-msg-media .dm-media{
    max-width:min(100%, 300px) !important;
    max-height:260px !important;
  }
}

/* TRUE FINAL - Reaction bar mobile/desktop parity, placed last to beat old mobile skins. */
body.retro-forum #page-wall .post-face-front > .post-reactions,
body.retro-forum #page-user-wall .post-face-front > .post-reactions,
body.retro-forum #page-wall div[id^="reactions-"].post-reactions,
body.retro-forum #page-user-wall div[id^="reactions-"].post-reactions,
body.retro-forum .post-face-front > .post-reactions,
body.retro-forum div[id^="reactions-"].post-reactions,
body.retro-forum .post-reactions{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:clamp(10px, 2.5vw, 22px) !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:52px !important;
  height:auto !important;
  padding:8px 16px !important;
  margin:0 !important;
  border:1px solid rgba(195, 192, 255, .22) !important;
  border-radius:0 0 8px 8px !important;
  background:#11141d !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  color:#eef3ff !important;
  overflow:hidden !important;
}

body.retro-forum #page-wall .post-reactions .react-sep,
body.retro-forum #page-user-wall .post-reactions .react-sep,
body.retro-forum .post-reactions .react-sep{
  display:none !important;
}

body.retro-forum #page-wall .post-reactions .react-btn,
body.retro-forum #page-wall .post-reactions .comment-btn,
body.retro-forum #page-wall .post-reactions .share-btn,
body.retro-forum #page-wall .post-reactions .report-btn,
body.retro-forum #page-user-wall .post-reactions .react-btn,
body.retro-forum #page-user-wall .post-reactions .comment-btn,
body.retro-forum #page-user-wall .post-reactions .share-btn,
body.retro-forum #page-user-wall .post-reactions .report-btn,
body.retro-forum .post-face-front > .post-reactions .react-btn,
body.retro-forum .post-face-front > .post-reactions .comment-btn,
body.retro-forum .post-face-front > .post-reactions .share-btn,
body.retro-forum .post-face-front > .post-reactions .report-btn,
body.retro-forum div[id^="reactions-"].post-reactions .react-btn,
body.retro-forum div[id^="reactions-"].post-reactions .comment-btn,
body.retro-forum div[id^="reactions-"].post-reactions .share-btn,
body.retro-forum div[id^="reactions-"].post-reactions .report-btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#eef3ff !important;
  -webkit-text-fill-color:currentColor !important;
  opacity:1 !important;
  overflow:visible !important;
  text-transform:none !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  transform:translateZ(0) scale(1) !important;
  transition:color .16s ease, transform .16s cubic-bezier(.2, .9, .22, 1.25), filter .16s ease !important;
}

body.retro-forum #page-wall .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
body.retro-forum #page-user-wall .post-reactions .react-btn > span:not(.react-icon):not(.react-count),
body.retro-forum .post-reactions .react-btn > span:not(.react-icon):not(.react-count){
  display:none !important;
}

body.retro-forum #page-wall .post-reactions .react-icon,
body.retro-forum #page-wall .post-reactions .comment-btn-icon,
body.retro-forum #page-user-wall .post-reactions .react-icon,
body.retro-forum #page-user-wall .post-reactions .comment-btn-icon,
body.retro-forum .post-reactions .react-icon,
body.retro-forum .post-reactions .comment-btn-icon{
  width:22px !important;
  min-width:22px !important;
  max-width:22px !important;
  height:22px !important;
  min-height:22px !important;
  max-height:22px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:currentColor !important;
  font-size:20px !important;
  line-height:1 !important;
  filter:none !important;
}

body.retro-forum #page-wall .post-reactions svg,
body.retro-forum #page-user-wall .post-reactions svg,
body.retro-forum .post-reactions svg{
  width:21px !important;
  min-width:21px !important;
  height:21px !important;
  min-height:21px !important;
  display:block !important;
  stroke:currentColor !important;
  fill:none !important;
  color:currentColor !important;
  opacity:1 !important;
  filter:none !important;
}

body.retro-forum #page-wall .post-reactions .heart-btn,
body.retro-forum #page-user-wall .post-reactions .heart-btn,
body.retro-forum .post-reactions .heart-btn{
  color:#ff3f76 !important;
}

body.retro-forum #page-wall .post-reactions .like-btn,
body.retro-forum #page-wall .post-reactions .dislike-btn,
body.retro-forum #page-user-wall .post-reactions .like-btn,
body.retro-forum #page-user-wall .post-reactions .dislike-btn,
body.retro-forum .post-reactions .like-btn,
body.retro-forum .post-reactions .dislike-btn{
  color:#e8edff !important;
}

body.retro-forum #page-wall .post-reactions .dislike-btn.active,
body.retro-forum #page-user-wall .post-reactions .dislike-btn.active,
body.retro-forum .post-reactions .dislike-btn.active{
  color:#ff3458 !important;
}

body.retro-forum #page-wall .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
body.retro-forum #page-wall .post-reactions .share-btn > span,
body.retro-forum #page-wall .post-reactions .report-btn > span,
body.retro-forum #page-user-wall .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
body.retro-forum #page-user-wall .post-reactions .share-btn > span,
body.retro-forum #page-user-wall .post-reactions .report-btn > span,
body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
body.retro-forum .post-reactions .share-btn > span,
body.retro-forum .post-reactions .report-btn > span{
  display:inline-flex !important;
  position:static !important;
  width:auto !important;
  max-width:none !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  clip:auto !important;
  white-space:nowrap !important;
  color:currentColor !important;
  -webkit-text-fill-color:currentColor !important;
  opacity:1 !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

body.retro-forum #page-wall .post-reactions .react-count,
body.retro-forum #page-wall .post-reactions .comment-btn span[id^="ccount"],
body.retro-forum #page-user-wall .post-reactions .react-count,
body.retro-forum #page-user-wall .post-reactions .comment-btn span[id^="ccount"],
body.retro-forum .post-reactions .react-count,
body.retro-forum .post-reactions .react-count--heart,
body.retro-forum .post-reactions .comment-btn span[id^="ccount"]{
  position:static !important;
  inset:auto !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
  line-height:1 !important;
}

body.retro-forum #page-wall .post-reactions .comment-btn span[id^="ccount"]:empty,
body.retro-forum #page-user-wall .post-reactions .comment-btn span[id^="ccount"]:empty,
body.retro-forum .post-reactions .comment-btn span[id^="ccount"]:empty{
  display:none !important;
}

body.retro-forum #page-wall .post-reactions .share-btn,
body.retro-forum #page-user-wall .post-reactions .share-btn,
body.retro-forum .post-reactions .share-btn{
  margin-left:0 !important;
  color:#eef3ff !important;
}

body.retro-forum #page-wall .post-reactions .report-btn,
body.retro-forum #page-user-wall .post-reactions .report-btn,
body.retro-forum .post-reactions .report-btn{
  color:#ff8e9f !important;
}

body.retro-forum #page-wall .post-reactions button:hover,
body.retro-forum #page-wall .post-reactions button:focus-visible,
body.retro-forum #page-user-wall .post-reactions button:hover,
body.retro-forum #page-user-wall .post-reactions button:focus-visible,
body.retro-forum .post-reactions button:hover,
body.retro-forum .post-reactions button:focus-visible{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:translateY(-1px) scale(1.04) !important;
  filter:drop-shadow(0 5px 10px rgba(195, 192, 255, .18)) !important;
}

body.retro-forum #page-wall .post-reactions button:active,
body.retro-forum #page-user-wall .post-reactions button:active,
body.retro-forum .post-reactions button:active{
  transform:translateY(0) scale(.92) !important;
  filter:drop-shadow(0 0 12px rgba(195, 192, 255, .34)) !important;
}

@media (max-width:430px){
  body.retro-forum #page-wall .post-face-front > .post-reactions,
  body.retro-forum #page-user-wall .post-face-front > .post-reactions,
  body.retro-forum .post-face-front > .post-reactions,
  body.retro-forum div[id^="reactions-"].post-reactions,
  body.retro-forum .post-reactions{
    gap:9px !important;
    padding-inline:12px !important;
  }

  body.retro-forum #page-wall .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum #page-wall .post-reactions .share-btn > span,
  body.retro-forum #page-user-wall .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum #page-user-wall .post-reactions .share-btn > span,
  body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  body.retro-forum .post-reactions .share-btn > span{
    font-size:12px !important;
  }
}

/* TRUE FINAL - Messenger conversation actions use the same generated SVG icon style. */
body.retro-forum .msn-chat-peer .msn-chat-icon-btn,
body.retro-forum .msn-chat-peer .msn-chat-buzz-btn,
body.retro-forum .msn-chat-peer .msn-chat-menu-btn,
body.retro-forum .msn-chat-peer .msn-add-participant,
body.retro-forum .msn-chat-peer .msn-delete-group,
body.retro-forum .msn-chat-peer .msn-leave-group{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#dfe6ff !important;
  -webkit-text-fill-color:#dfe6ff !important;
  box-shadow:none !important;
  overflow:visible !important;
  font-size:0 !important;
  cursor:pointer !important;
  transition:transform .16s cubic-bezier(.2, .9, .22, 1.25), color .16s ease, filter .16s ease !important;
}

body.retro-forum .msn-chat-peer .msn-chat-icon-btn svg,
body.retro-forum .msn-chat-peer .msn-chat-buzz-btn svg,
body.retro-forum .msn-chat-peer .msn-chat-menu-btn svg,
body.retro-forum .msn-chat-peer .msn-add-participant svg,
body.retro-forum .msn-chat-peer .msn-delete-group svg,
body.retro-forum .msn-chat-peer .msn-leave-group svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body.retro-forum .msn-chat-peer .msn-chat-icon-btn:hover,
body.retro-forum .msn-chat-peer .msn-chat-icon-btn:focus-visible,
body.retro-forum .msn-chat-peer .msn-chat-buzz-btn:hover,
body.retro-forum .msn-chat-peer .msn-chat-menu-btn:hover,
body.retro-forum .msn-chat-peer .msn-add-participant:hover,
body.retro-forum .msn-chat-peer .msn-delete-group:hover,
body.retro-forum .msn-chat-peer .msn-leave-group:hover{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  transform:translateY(-1px) scale(1.14) !important;
  filter:drop-shadow(0 6px 10px rgba(120, 205, 255, .24)) !important;
}

body.retro-forum .msn-chat-peer .msn-chat-icon-btn:active,
body.retro-forum .msn-chat-peer .msn-chat-buzz-btn:active,
body.retro-forum .msn-chat-peer .msn-chat-menu-btn:active,
body.retro-forum .msn-chat-peer .msn-add-participant:active,
body.retro-forum .msn-chat-peer .msn-delete-group:active,
body.retro-forum .msn-chat-peer .msn-leave-group:active{
  transform:translateY(0) scale(.88) !important;
  color:#bfb6ff !important;
  -webkit-text-fill-color:#bfb6ff !important;
  filter:drop-shadow(0 0 12px rgba(191, 182, 255, .5)) !important;
}

body.retro-forum .msn-chat-peer .msn-chat-buzz-btn.is-buzzing,
body.retro-forum .msn-chat-peer .msn-chat-buzz-btn.fm-pressing{
  color:#ffd666 !important;
  -webkit-text-fill-color:#ffd666 !important;
}

/* TRUE FINAL - Mobile Messenger must not hide the notification bell in the topbar. */
@media (max-width:900px){
  body.retro-forum.messenger-open .navbar.navbar--minimal #fm-top-actions #notif-bell-wrap,
  body.retro-forum.messenger-open .navbar.navbar--minimal #notif-bell-wrap{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    z-index:20 !important;
    flex:0 0 34px !important;
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    align-items:center !important;
    justify-content:center !important;
    order:0 !important;
  }

  body.retro-forum.messenger-open .navbar.navbar--minimal #notif-bell-btn{
    display:inline-grid !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    place-items:center !important;
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:10px !important;
    background:transparent !important;
    color:#dfe6ff !important;
    -webkit-text-fill-color:#dfe6ff !important;
  }

  body.retro-forum.messenger-open .navbar.navbar--minimal #notif-bell-btn svg{
    display:block !important;
    width:22px !important;
    height:22px !important;
    stroke:currentColor !important;
    fill:none !important;
  }

  body.retro-forum.messenger-open .navbar.navbar--minimal #notif-bell-btn > span:not(#notif-count-badge){
    display:none !important;
  }

  body.retro-forum.messenger-open .navbar.navbar--minimal #notif-count-badge{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    z-index:2 !important;
  }

  body.retro-forum.messenger-open #notif-panel[style*="block"]{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:2600 !important;
  }
}

/* TRUE FINAL - Mobile comments open as a full-screen sheet below the header. */
@media (max-width:900px){
  body.retro-forum.comments-overlay-open{
    overflow:hidden !important;
    overscroll-behavior:contain !important;
  }

  body.retro-forum .post-card.is-flipped{
    min-height:0 !important;
    border-color:transparent !important;
  }

  body.retro-forum .post-card.is-flipped::before{
    content:"" !important;
    position:fixed !important;
    top:60px !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    z-index:8990 !important;
    background:rgba(5, 7, 12, .68) !important;
    pointer-events:none !important;
  }

  body.retro-forum .post-card.is-flipped .post-face-back{
    position:fixed !important;
    top:60px !important;
    right:0 !important;
    bottom:var(--keyboard-offset, 0px) !important;
    left:0 !important;
    z-index:9000 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border:0 !important;
    border-top:1px solid rgba(70, 69, 85, .9) !important;
    border-radius:0 !important;
    background:#11131b !important;
    box-shadow:0 -18px 46px rgba(0,0,0,.42) !important;
    animation:fmCommentsSheetIn .18s ease-out !important;
  }

  body.retro-forum .post-card.is-flipped .comments-post-preview{
    display:none !important;
  }

  body.retro-forum .post-card.is-flipped .comments-back-header{
    flex:0 0 44px !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid rgba(70, 69, 85, .78) !important;
    background:#11131b !important;
  }

  body.retro-forum .post-card.is-flipped .comments-back-title{
    color:#c3c0ff !important;
    font:950 11px/1 Inter, system-ui, sans-serif !important;
    letter-spacing:.12em !important;
  }

  body.retro-forum .post-card.is-flipped .comments-back-close{
    height:34px !important;
    min-height:34px !important;
    padding:0 4px !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#f2f4ff !important;
    -webkit-text-fill-color:#f2f4ff !important;
    font:900 11px/1 Inter, system-ui, sans-serif !important;
    box-shadow:none !important;
  }

  body.retro-forum .post-card.is-flipped .comments-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:18px 14px !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    background:#11131b !important;
  }

  body.retro-forum .post-card.is-flipped .comment-empty{
    margin:auto 0 !important;
  }

  body.retro-forum .post-card.is-flipped .comment-input-area,
  body.retro-forum .post-card.is-flipped .comment-guest-note{
    flex:0 0 auto !important;
    position:static !important;
    border-top:1px solid rgba(70, 69, 85, .78) !important;
    background:#171a24 !important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
  }
}

@keyframes fmCommentsSheetIn{
  from{ opacity:.7; transform:translateY(12px); }
  to{ opacity:1; transform:translateY(0); }
}

/* TRUE FINAL - Messenger text bubbles: other users blue, own messages pale yellow. */
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text.dm-msg-other .dm-bubble,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-other:not(.dm-msg-audio):not(.dm-msg-media):not(.dm-msg-sticker):not(.dm-msg-emoji):not(:has(.dm-media)):not(:has(.dm-sticker)):not(:has(.dm-audio-player)) .dm-bubble{
  background:linear-gradient(180deg, #bfe3ff 0%, #94cfff 100%) !important;
  border-color:rgba(116, 190, 255, .82) !important;
  color:#173b67 !important;
  -webkit-text-fill-color:#173b67 !important;
  box-shadow:0 8px 20px rgba(80, 169, 238, .18) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text.dm-msg-mine .dm-bubble,
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-mine:not(.dm-msg-audio):not(.dm-msg-media):not(.dm-msg-sticker):not(.dm-msg-emoji):not(:has(.dm-media)):not(:has(.dm-sticker)):not(:has(.dm-audio-player)) .dm-bubble{
  background:linear-gradient(180deg, #fff7ce 0%, #fff0a6 100%) !important;
  border-color:rgba(255, 225, 118, .9) !important;
  color:#173b67 !important;
  -webkit-text-fill-color:#173b67 !important;
  box-shadow:0 8px 20px rgba(255, 217, 93, .16) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text .dm-text,
body.retro-forum .msn-chat-shell .dm-msg:not(.dm-msg-audio):not(.dm-msg-media):not(.dm-msg-sticker):not(.dm-msg-emoji):not(:has(.dm-media)):not(:has(.dm-sticker)):not(:has(.dm-audio-player)) .dm-text{
  color:#173b67 !important;
  -webkit-text-fill-color:#173b67 !important;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-text .dm-time,
body.retro-forum .msn-chat-shell .dm-msg:not(.dm-msg-audio):not(.dm-msg-media):not(.dm-msg-sticker):not(.dm-msg-emoji):not(:has(.dm-media)):not(:has(.dm-sticker)):not(:has(.dm-audio-player)) .dm-time{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(15, 23, 42, .34) !important;
}

/* TRUE FINAL - Messenger audio player has a soft grey shaded border. */
body.retro-forum .msn-chat-shell .dm-msg.dm-msg-audio .dm-audio-player{
  padding:7px 8px !important;
  border:1px solid rgba(126, 132, 153, .58) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(35, 39, 53, .96), rgba(22, 25, 36, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 10px 22px rgba(0, 0, 0, .24) !important;
}

/* TRUE FINAL - Messenger sticker picker uses larger readable thumbnails. */
body.retro-forum #msn-chat-compose #msn-sticker-picker.msn-sticker-mini-picker{
  width:100% !important;
  max-height:min(260px, 34vh) !important;
  padding:10px !important;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(66px, 1fr)) !important;
  gap:9px !important;
  align-items:center !important;
  background:#151821 !important;
  border:1px solid rgba(126, 132, 153, .42) !important;
  border-radius:14px !important;
  overflow-y:auto !important;
}

body.retro-forum #msn-chat-compose #msn-sticker-picker.msn-sticker-mini-picker button{
  width:100% !important;
  min-width:0 !important;
  height:68px !important;
  min-height:68px !important;
  padding:6px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:12px !important;
  background:rgba(255, 255, 255, .05) !important;
  box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .07) !important;
  transition:transform .16s ease, background-color .16s ease, box-shadow .16s ease !important;
}

body.retro-forum #msn-chat-compose #msn-sticker-picker.msn-sticker-mini-picker button:hover{
  transform:translateY(-2px) scale(1.03) !important;
  background:rgba(195, 192, 255, .14) !important;
  box-shadow:inset 0 0 0 1px rgba(195, 192, 255, .28), 0 10px 22px rgba(0, 0, 0, .2) !important;
}

body.retro-forum #msn-chat-compose #msn-sticker-picker.msn-sticker-mini-picker button:active{
  transform:scale(.96) !important;
}

body.retro-forum #msn-chat-compose #msn-sticker-picker.msn-sticker-mini-picker img{
  width:58px !important;
  height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  object-fit:contain !important;
}

body.retro-forum #msn-chat-compose #msn-sticker-picker.msn-sticker-mini-picker span{
  grid-column:1 / -1 !important;
  padding:14px 12px !important;
  color:#dfe6ff !important;
  -webkit-text-fill-color:#dfe6ff !important;
  font:850 13px/1.2 Inter, system-ui, sans-serif !important;
}

/* TRUE FINAL - Post header keeps a clear space between avatar and username. */
body.retro-forum .post-face-front .post-header,
body.retro-forum.mobile-hud-active .post-face-front .post-header{
  column-gap:10px !important;
  gap:10px !important;
}

/* TRUE FINAL - Report action in reactions is icon-only with a subtle lift. */
body.retro-forum .post-reactions .report-btn{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#ff8ea1 !important;
  -webkit-text-fill-color:#ff8ea1 !important;
  box-shadow:none !important;
  transition:transform .16s ease, color .16s ease, filter .16s ease, background-color .16s ease !important;
  will-change:transform !important;
}

body.retro-forum .post-reactions .report-btn > span{
  display:none !important;
}

body.retro-forum .post-reactions .report-btn svg{
  width:22px !important;
  height:22px !important;
  color:#ff8ea1 !important;
  -webkit-text-fill-color:#ff8ea1 !important;
  stroke:currentColor !important;
}

body.retro-forum .post-reactions .report-btn:hover,
body.retro-forum .post-reactions .report-btn:focus-visible{
  transform:translateY(-2px) !important;
  background:rgba(255, 142, 161, .08) !important;
  color:#ffb4c0 !important;
  -webkit-text-fill-color:#ffb4c0 !important;
  filter:drop-shadow(0 8px 12px rgba(255, 88, 120, .22)) !important;
}

body.retro-forum .post-reactions .report-btn:active{
  transform:translateY(0) scale(.94) !important;
}

/* TRUE FINAL - Stitch-style Messenger profile action button. */
body.retro-forum #msn-panel .msn-edit-profile{
  width:42px !important;
  min-width:42px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(195, 192, 255, .34) !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(255, 255, 255, .16), transparent 32%),
    linear-gradient(180deg, rgba(41, 47, 64, .96), rgba(21, 24, 35, .96)) !important;
  color:#f4f4fb !important;
  -webkit-text-fill-color:#f4f4fb !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .11),
    0 10px 22px rgba(0, 0, 0, .24) !important;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

body.retro-forum #msn-panel .msn-edit-profile:hover,
body.retro-forum #msn-panel .msn-edit-profile:focus-visible{
  transform:translateY(-2px) !important;
  border-color:rgba(195, 192, 255, .64) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .14),
    0 14px 28px rgba(0, 0, 0, .28),
    0 0 0 4px rgba(195, 192, 255, .09) !important;
  filter:brightness(1.08) !important;
}

body.retro-forum #msn-panel .msn-edit-profile:active,
body.retro-forum #msn-panel .msn-edit-profile.fm-pressing{
  transform:translateY(0) scale(.94) !important;
}

body.retro-forum #msn-panel .msn-edit-profile-text{
  display:none !important;
}

body.retro-forum #msn-panel .msn-edit-profile-dots{
  position:relative !important;
  width:22px !important;
  height:6px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}

body.retro-forum #msn-panel .msn-edit-profile-dots::before{
  content:"" !important;
  width:5px !important;
  height:5px !important;
  border-radius:999px !important;
  background:#dfe6ff !important;
  box-shadow:-8px 0 0 #dfe6ff, 8px 0 0 #dfe6ff !important;
  filter:drop-shadow(0 1px 4px rgba(195, 192, 255, .42)) !important;
}

/* ABSOLUTE FINAL - Feed movil visible debajo del header fijo. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum:not(.messenger-open):not(.chat-open) #page-wall,
  body.retro-forum:not(.messenger-open):not(.chat-open) #page-user-wall{
    padding-top:calc(var(--fm-header, 64px) + 10px + env(safe-area-inset-top, 0px)) !important;
    scroll-margin-top:calc(var(--fm-header, 64px) + 10px + env(safe-area-inset-top, 0px)) !important;
  }

  body.retro-forum:not(.messenger-open):not(.chat-open) #page-wall .feed-header,
  body.retro-forum:not(.messenger-open):not(.chat-open) #page-user-wall #user-wall-page-header{
    margin-top:0 !important;
  }
}

/* TRUE FINAL - Mobile Messenger status is a compact clickable dot. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum.messenger-open #msn-panel .msn-self-topline .msn-status-picker,
  body.retro-forum.chat-open #msn-panel .msn-self-topline .msn-status-picker{
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:28px !important;
    min-height:28px !important;
    overflow:visible !important;
    z-index:60 !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-topline .msn-status-toggle,
  body.retro-forum.chat-open #msn-panel .msn-self-topline .msn-status-toggle{
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:28px !important;
    min-height:28px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    border:0 !important;
    border-radius:999px !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-topline .msn-status-toggle:hover,
  body.retro-forum.chat-open #msn-panel .msn-self-topline .msn-status-toggle:hover,
  body.retro-forum.messenger-open #msn-panel .msn-self-topline .msn-status-picker.open .msn-status-toggle,
  body.retro-forum.chat-open #msn-panel .msn-self-topline .msn-status-picker.open .msn-status-toggle{
    transform:translateY(-1px) scale(1.04) !important;
    background:rgba(195, 192, 255, .1) !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-topline .msn-status-label,
  body.retro-forum.chat-open #msn-panel .msn-self-topline .msn-status-label,
  body.retro-forum.messenger-open #msn-panel .msn-self-topline .msn-status-arrow,
  body.retro-forum.chat-open #msn-panel .msn-self-topline .msn-status-arrow{
    display:none !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-topline .msn-self-status-dot,
  body.retro-forum.chat-open #msn-panel .msn-self-topline .msn-self-status-dot{
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    margin:0 !important;
    border:2px solid rgba(13, 16, 25, .96) !important;
    box-shadow:0 0 0 3px rgba(78, 222, 163, .18), 0 0 12px rgba(78, 222, 163, .36) !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-status-menu,
  body.retro-forum.chat-open #msn-panel .msn-status-menu{
    left:auto !important;
    right:0 !important;
    top:calc(100% + 8px) !important;
    width:min(214px, calc(100vw - 36px)) !important;
  }
}

/* ABSOLUTE FINAL - La campana no muestra punto falso al abrir Messenger. */
body.retro-forum .navbar.navbar--minimal #notif-count-badge,
body.retro-forum.messenger-open .navbar.navbar--minimal #notif-count-badge,
body.retro-forum.chat-open .navbar.navbar--minimal #notif-count-badge{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

body.retro-forum .navbar.navbar--minimal #notif-count-badge.is-visible:not(:empty),
body.retro-forum.messenger-open .navbar.navbar--minimal #notif-count-badge.is-visible:not(:empty),
body.retro-forum.chat-open .navbar.navbar--minimal #notif-count-badge.is-visible:not(:empty){
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* ABSOLUTE FINAL - Editar perfil entra completo y scrollea bien en movil. */
@media (max-width:680px){
  body.retro-forum #modal-overlay.modal-overlay,
  body.retro-forum .modal-overlay{
    align-items:flex-start !important;
    justify-content:center !important;
    padding:
      calc(8px + env(safe-area-inset-top, 0px))
      6px
      calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.retro-forum #modal-box.modal.modal-bare{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    overflow:hidden !important;
  }

  body.retro-forum .fm-profile-edit-modal,
  body.retro-forum .profile-modern-modal{
    width:100% !important;
    max-width:100% !important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto minmax(0, 1fr) auto !important;
    overflow:hidden !important;
    border-radius:18px !important;
  }

  body.retro-forum .fm-profile-edit-modal .msn-modern-head{
    flex:0 0 auto !important;
    padding-top:14px !important;
  }

  body.retro-forum .fm-profile-edit-modal .profile-modern-body,
  body.retro-forum .fm-profile-edit-modal .msn-modern-body{
    min-height:0 !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.retro-forum .fm-profile-edit-modal .msn-modern-actions{
    flex:0 0 auto !important;
    position:relative !important;
    bottom:auto !important;
  }
}
/* ABSOLUTE FINAL - Active post like is green. */
body.retro-forum #page-wall .post-reactions button.like-btn.active,
body.retro-forum #page-user-wall .post-reactions button.like-btn.active,
body.retro-forum .post-face-front > .post-reactions button.like-btn.active,
body.retro-forum div[id^="reactions-"].post-reactions button.like-btn.active,
body.retro-forum .post-reactions button[id^="rbtn-like-"].like-btn.active{
  color:#35d977 !important;
  -webkit-text-fill-color:#35d977 !important;
}

body.retro-forum #page-wall .post-reactions button.like-btn.active .react-icon,
body.retro-forum #page-user-wall .post-reactions button.like-btn.active .react-icon,
body.retro-forum .post-face-front > .post-reactions button.like-btn.active .react-icon,
body.retro-forum div[id^="reactions-"].post-reactions button.like-btn.active .react-icon,
body.retro-forum .post-reactions button[id^="rbtn-like-"].like-btn.active .react-icon,
body.retro-forum #page-wall .post-reactions button.like-btn.active .react-icon svg,
body.retro-forum #page-user-wall .post-reactions button.like-btn.active .react-icon svg,
body.retro-forum .post-face-front > .post-reactions button.like-btn.active .react-icon svg,
body.retro-forum div[id^="reactions-"].post-reactions button.like-btn.active .react-icon svg,
body.retro-forum .post-reactions button[id^="rbtn-like-"].like-btn.active .react-icon svg{
  color:#35d977 !important;
  -webkit-text-fill-color:#35d977 !important;
  fill:currentColor !important;
  stroke:currentColor !important;
  filter:drop-shadow(0 0 6px rgba(53, 217, 119, .34)) !important;
}

/* ABSOLUTE FINAL - Mobile report action is icon-only. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum .post-reactions .report-btn{
    flex:0 0 32px !important;
    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  body.retro-forum .post-reactions .report-btn > span{
    display:none !important;
  }

  body.retro-forum .post-reactions .report-btn svg{
    width:21px !important;
    height:21px !important;
    margin:0 !important;
  }
}

/* ABSOLUTE FINAL - Instagram embeds are never cropped on desktop. */
body.retro-forum .instagram-embed-wrap,
body.retro-forum .instagram-embed-wrap.instagram-actions-trimmed{
  overflow:visible !important;
  height:auto !important;
  max-height:none !important;
}

body.retro-forum .instagram-embed-wrap.instagram-actions-trimmed .instagram-media,
body.retro-forum .instagram-embed-wrap.instagram-actions-trimmed iframe{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}

/* ABSOLUTE FINAL - Perfil propio con visual moderno tipo Stitch. */
body.retro-forum #page-profile{
  width:min(780px, 100%) !important;
  max-width:780px !important;
  margin:0 auto 48px !important;
  padding:22px 0 46px !important;
  animation:fm-profile-enter .26s ease-out both !important;
}

@keyframes fm-profile-enter{
  from{ opacity:0; transform:translateY(8px); }
  to{ opacity:1; transform:translateY(0); }
}

body.retro-forum #page-profile .profile-page-header{
  margin:0 0 16px !important;
  padding:13px 16px !important;
  border:1px solid rgba(195, 192, 255, .16) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(31, 33, 44, .96), rgba(18, 20, 29, .96)) !important;
  box-shadow:0 14px 34px rgba(0, 0, 0, .2) !important;
}

body.retro-forum #page-profile .profile-page-header .panel-title{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  color:#dcd8ff !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

body.retro-forum #page-profile .profile-page-header .panel-title::before{
  content:"" !important;
  width:3px !important;
  height:18px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #c3c0ff, #40d7f4) !important;
  box-shadow:0 0 14px rgba(116, 207, 244, .38) !important;
}

body.retro-forum #profile-card.profile-card-wrap{
  border:1px solid rgba(195, 192, 255, .16) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(64, 215, 244, .11), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(195, 192, 255, .12), transparent 30%),
    linear-gradient(180deg, rgba(30, 32, 42, .98), rgba(18, 20, 29, .98)) !important;
  box-shadow:0 22px 58px rgba(0, 0, 0, .34) !important;
  overflow:clip !important;
}

body.retro-forum #profile-card .profile-cover-new{
  height:158px !important;
  border-radius:0 !important;
  background:
    linear-gradient(120deg, rgba(10, 12, 18, .08), rgba(10, 12, 18, .64)),
    radial-gradient(circle at 18% 30%, rgba(76, 215, 246, .2), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(221, 183, 255, .16), transparent 32%),
    linear-gradient(135deg, #171a25, #11131c 54%, #0c0f16) !important;
  border-bottom:1px solid rgba(195, 192, 255, .12) !important;
}

body.retro-forum #profile-card .profile-cover-new::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, transparent 0 47%, rgba(255,255,255,.05) 47% 48%, transparent 48% 100%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px) !important;
  opacity:.46 !important;
  transform:none !important;
  pointer-events:none !important;
}

body.retro-forum #profile-card .profile-cover-new::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 !important;
  height:80px !important;
  background:linear-gradient(180deg, transparent, rgba(18, 20, 29, .95)) !important;
}

body.retro-forum #profile-card .profile-avatar-area{
  display:grid !important;
  grid-template-columns:112px minmax(0, 1fr) !important;
  align-items:end !important;
  gap:24px !important;
  margin-top:-58px !important;
  padding:0 26px 24px !important;
}

body.retro-forum #profile-card .profile-av-wrap{
  width:112px !important;
  height:112px !important;
}

body.retro-forum #profile-card .profile-av-img{
  width:112px !important;
  height:112px !important;
  border-radius:28px !important;
  border:1px solid rgba(195, 192, 255, .22) !important;
  background:#111520 !important;
  box-shadow:0 18px 34px rgba(0, 0, 0, .36), 0 0 0 6px rgba(13, 16, 25, .82) !important;
}

body.retro-forum #profile-card .profile-av-edit-btn{
  right:-8px !important;
  bottom:10px !important;
  width:36px !important;
  height:36px !important;
  border:0 !important;
  border-radius:13px !important;
  background:linear-gradient(135deg, #4cd7f6, #bdb8ff) !important;
  box-shadow:0 10px 24px rgba(76, 215, 246, .24) !important;
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}

body.retro-forum #profile-card .profile-av-edit-btn:hover{
  transform:translateY(-2px) scale(1.04) !important;
  filter:saturate(1.12) !important;
  box-shadow:0 14px 28px rgba(189, 184, 255, .3) !important;
}

body.retro-forum #profile-card .profile-info-area{
  min-width:0 !important;
  padding:16px 0 0 !important;
}

body.retro-forum #profile-card .profile-display-name{
  color:#f7f7ff !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:34px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:0 !important;
  text-shadow:0 10px 26px rgba(0,0,0,.28) !important;
}

body.retro-forum #profile-card .profile-username-tag{
  margin-top:8px !important;
  color:#c3c0ff !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

body.retro-forum #profile-card .profile-username-tag .role-badge{
  display:inline-flex !important;
  margin-left:8px !important;
  padding:4px 9px !important;
  border-radius:999px !important;
  border:1px solid rgba(195, 192, 255, .18) !important;
  background:rgba(195, 192, 255, .08) !important;
  color:#f7f7ff !important;
}

body.retro-forum #profile-card .txs.tdim,
body.retro-forum #profile-card .profile-since{
  color:rgba(229, 226, 255, .7) !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}

body.retro-forum #profile-card .profile-desc-text{
  display:flex !important;
  width:min(100%, 520px) !important;
  margin:14px 0 12px !important;
  padding:13px 16px !important;
  border:1px solid rgba(195, 192, 255, .12) !important;
  border-radius:14px !important;
  background:rgba(7, 9, 15, .55) !important;
  color:#f0efff !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
}

body.retro-forum #profile-card .profile-stats{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
  padding:22px 26px !important;
  border-top:1px solid rgba(195, 192, 255, .12) !important;
}

body.retro-forum #profile-card .profile-stat{
  min-width:0 !important;
  padding:18px 12px !important;
  border:1px solid rgba(195, 192, 255, .12) !important;
  border-radius:16px !important;
  background:rgba(8, 11, 18, .55) !important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

body.retro-forum #profile-card .profile-stat:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(195, 192, 255, .26) !important;
  background:rgba(195, 192, 255, .08) !important;
  box-shadow:0 14px 28px rgba(0, 0, 0, .18) !important;
}

body.retro-forum #profile-card .profile-stat-num{
  color:#4cd7f6 !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:28px !important;
  font-weight:900 !important;
}

body.retro-forum #profile-card .profile-stat-lbl{
  margin-top:5px !important;
  color:rgba(229, 226, 255, .62) !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

body.retro-forum #profile-card .profile-friends{
  padding:22px 26px 26px !important;
  border-top:1px solid rgba(195, 192, 255, .12) !important;
  background:rgba(9, 11, 17, .32) !important;
}

body.retro-forum #profile-card .profile-friends-title,
body.retro-forum .profile-friends-modal-kicker{
  color:#c3c0ff !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

body.retro-forum #profile-card .profile-friends-count,
body.retro-forum .profile-friends-modal-count{
  color:rgba(229, 226, 255, .62) !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-weight:800 !important;
}

body.retro-forum #profile-card .profile-friends-grid,
body.retro-forum .profile-friends-modal-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}

body.retro-forum .profile-friend-card{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  min-height:74px !important;
  padding:13px 14px !important;
  border:1px solid rgba(195, 192, 255, .12) !important;
  border-radius:18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    rgba(17, 20, 30, .76) !important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

body.retro-forum .profile-friend-card:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(76, 215, 246, .28) !important;
  background:rgba(28, 32, 45, .88) !important;
  box-shadow:0 14px 30px rgba(0, 0, 0, .22) !important;
}

body.retro-forum .profile-friend-main{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:46px minmax(0, 1fr) !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

body.retro-forum .profile-friend-avatar{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  border:1px solid rgba(195, 192, 255, .2) !important;
  background:#151923 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

body.retro-forum .profile-friend-meta{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  overflow:hidden !important;
}

body.retro-forum .profile-friend-name{
  color:#f7f7ff !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.retro-forum .profile-friend-user{
  color:rgba(229, 226, 255, .62) !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.retro-forum .profile-friend-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  min-width:max-content !important;
}

body.retro-forum .profile-friend-action{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  border:1px solid rgba(195, 192, 255, .14) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.045) !important;
  color:#e9e7ff !important;
  line-height:1 !important;
  box-shadow:none !important;
  transition:transform .16s ease, color .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

body.retro-forum .profile-friend-action-icon{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  line-height:0 !important;
  overflow:visible !important;
  clip:auto !important;
  white-space:normal !important;
  pointer-events:none !important;
}

body.retro-forum .profile-friend-action > span:not(.profile-friend-action-icon){
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
}

body.retro-forum .profile-friend-action svg{
  display:block !important;
  flex:0 0 auto !important;
  width:18px !important;
  height:18px !important;
  margin:auto !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}

body.retro-forum .profile-friend-action:hover{
  transform:translateY(-2px) scale(1.03) !important;
  border-color:rgba(195, 192, 255, .32) !important;
  background:rgba(195, 192, 255, .12) !important;
  box-shadow:0 10px 22px rgba(0, 0, 0, .22) !important;
}

body.retro-forum .profile-friend-action.chat:hover{
  color:#4cd7f6 !important;
  border-color:rgba(76, 215, 246, .34) !important;
  background:rgba(76, 215, 246, .12) !important;
}

body.retro-forum .profile-friend-action.remove:hover{
  color:#ff8fa5 !important;
  border-color:rgba(255, 143, 165, .36) !important;
  background:rgba(255, 143, 165, .12) !important;
}

body.retro-forum .profile-friend-action:active,
body.retro-forum .profile-page-action:active{
  transform:translateY(0) scale(.96) !important;
}

body.retro-forum .profile-friends-empty{
  padding:18px !important;
  border:1px dashed rgba(195, 192, 255, .16) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.035) !important;
  color:rgba(229, 226, 255, .68) !important;
}

body.retro-forum #profile-edit-section{
  margin-top:14px !important;
}

body.retro-forum .profile-page-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}

body.retro-forum .profile-page-action{
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border:1px solid rgba(195, 192, 255, .16) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.045) !important;
  color:#f7f7ff !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:13px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

body.retro-forum .profile-page-action svg{
  width:18px !important;
  height:18px !important;
  fill:currentColor !important;
}

body.retro-forum .profile-page-action:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(195, 192, 255, .32) !important;
  background:rgba(195, 192, 255, .1) !important;
  box-shadow:0 14px 26px rgba(0,0,0,.2) !important;
}

body.retro-forum .profile-page-action--primary{
  border-color:rgba(76, 215, 246, .28) !important;
  background:linear-gradient(135deg, rgba(76, 215, 246, .22), rgba(195, 192, 255, .18)) !important;
}

body.retro-forum .profile-friends-modal-overlay{
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  background:rgba(5, 7, 12, .76) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
}

body.retro-forum .profile-friends-modal{
  width:min(740px, calc(100vw - 28px)) !important;
  max-height:min(86vh, 760px) !important;
  border:1px solid rgba(195, 192, 255, .22) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(76, 215, 246, .12), transparent 34%),
    linear-gradient(180deg, rgba(29, 31, 42, .98), rgba(14, 16, 24, .98)) !important;
  box-shadow:0 30px 80px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.retro-forum .profile-friends-modal-head,
body.retro-forum .profile-friends-search-wrap{
  border-color:rgba(195, 192, 255, .12) !important;
}

body.retro-forum .profile-friends-modal-head{
  padding:18px 20px !important;
}

body.retro-forum .profile-friends-modal-titlebar{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  min-width:0 !important;
}

body.retro-forum .profile-friends-modal-title-icon{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 42px !important;
  border:1px solid rgba(76, 215, 246, .24) !important;
  border-radius:15px !important;
  background:linear-gradient(135deg, rgba(76, 215, 246, .18), rgba(195, 192, 255, .12)) !important;
  color:#c8f7ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.retro-forum .profile-friends-modal-title-icon svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  fill:currentColor !important;
}

body.retro-forum .profile-friends-modal h2{
  color:#f7f7ff !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:22px !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
}

/* TRUE FINAL - Editar perfil vive dentro de la pagina Perfil, no como ventana. */
body.retro-forum #page-profile{
  max-width:860px !important;
  width:min(860px, 100%) !important;
}

body.retro-forum #profile-edit-section{
  scroll-margin-top:calc(var(--nav-h, 50px) + 18px) !important;
}

body.retro-forum .fm-profile-edit-inline.profile-settings-panel{
  width:100% !important;
  max-width:100% !important;
  max-height:none !important;
  overflow:visible !important;
  margin:16px 0 0 !important;
  border:1px solid rgba(195,192,255,.18) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 12% 0%,rgba(127,216,255,.12),transparent 32%),
    linear-gradient(180deg,rgba(31,34,46,.98),rgba(14,16,24,.98)) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.28) !important;
  color:#f7f7ff !important;
  animation:profileSettingsIn .22s ease both !important;
}

body.retro-forum .fm-profile-edit-inline .msn-modern-head{
  position:relative !important;
  top:auto !important;
  background:transparent !important;
  border-bottom:1px solid rgba(195,192,255,.12) !important;
  padding:22px 22px 18px !important;
}

body.retro-forum .fm-profile-edit-inline .msn-modern-title{
  color:#ffffff !important;
  font:950 28px/1.1 Inter,var(--font),sans-serif !important;
  letter-spacing:0 !important;
}

body.retro-forum .fm-profile-edit-inline .msn-modern-body{
  padding:22px !important;
}

body.retro-forum .fm-profile-edit-inline .profile-modern-card{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(195,192,255,.12) !important;
  border-radius:18px !important;
}

body.retro-forum .fm-profile-edit-inline .profile-modern-grid{
  gap:16px !important;
}

body.retro-forum .fm-profile-edit-inline .msn-modern-input{
  background:#0d1019 !important;
  border:1px solid rgba(195,192,255,.18) !important;
  color:#ffffff !important;
}

body.retro-forum .fm-profile-edit-inline .msn-modern-input:focus{
  border-color:rgba(127,216,255,.55) !important;
  box-shadow:0 0 0 3px rgba(127,216,255,.12) !important;
}

body.retro-forum .fm-profile-edit-inline .msn-modern-actions{
  position:sticky !important;
  bottom:0 !important;
  z-index:4 !important;
  padding:16px 22px 20px !important;
  border-top:1px solid rgba(195,192,255,.12) !important;
  background:linear-gradient(180deg,rgba(20,23,33,.86),rgba(14,16,24,.98)) !important;
  backdrop-filter:blur(12px) !important;
}

body.retro-forum .fm-profile-edit-inline .msn-modern-close{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(195,192,255,.14) !important;
  color:#dcd9ff !important;
}

body.retro-forum .fm-profile-edit-inline .msn-modern-close:hover{
  transform:translateY(-1px) !important;
  background:rgba(195,192,255,.14) !important;
  color:#ffffff !important;
}

@keyframes profileSettingsIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

@media (max-width:720px){
  body.retro-forum #page-profile{
    width:100% !important;
    max-width:100% !important;
  }
  body.retro-forum .fm-profile-edit-inline.profile-settings-panel{
    border-radius:18px !important;
  }
  body.retro-forum .fm-profile-edit-inline .msn-modern-head,
  body.retro-forum .fm-profile-edit-inline .msn-modern-body,
  body.retro-forum .fm-profile-edit-inline .msn-modern-actions{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

body.retro-forum .profile-friends-modal-close{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 38px !important;
  border:1px solid rgba(195, 192, 255, .16) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.06) !important;
  color:#f7f7ff !important;
  transition:transform .16s ease, background .16s ease !important;
}

body.retro-forum .profile-friends-modal-close svg{
  display:block !important;
  width:17px !important;
  height:17px !important;
  stroke:currentColor !important;
}

body.retro-forum .profile-friends-modal-close:hover{
  transform:translateY(-1px) scale(1.04) !important;
  background:rgba(255,255,255,.12) !important;
}

body.retro-forum .profile-friends-search-wrap{
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:12px !important;
  padding:14px 20px !important;
  align-items:center !important;
}

body.retro-forum .profile-friends-search-shell{
  min-height:44px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0, 1fr) !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 14px !important;
  border:1px solid rgba(195, 192, 255, .16) !important;
  border-radius:15px !important;
  background:rgba(6, 8, 14, .72) !important;
  color:rgba(229, 226, 255, .6) !important;
}

body.retro-forum .profile-friends-search-icon{
  display:grid !important;
  place-items:center !important;
  line-height:0 !important;
}

body.retro-forum .profile-friends-search-icon svg{
  display:block !important;
  width:16px !important;
  height:16px !important;
  stroke:currentColor !important;
}

body.retro-forum .profile-friends-search{
  min-height:42px !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  background:transparent !important;
  color:#f7f7ff !important;
  padding:0 !important;
}

body.retro-forum #profile-friends-modal .profile-friends-search,
body.retro-forum #profile-friends-modal .profile-friends-search:focus,
body.retro-forum #profile-friends-modal .profile-friends-search:focus-visible{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

body.retro-forum #profile-friends-modal .profile-friends-search::-webkit-search-decoration,
body.retro-forum #profile-friends-modal .profile-friends-search::-webkit-search-cancel-button,
body.retro-forum #profile-friends-modal .profile-friends-search::-webkit-search-results-button,
body.retro-forum #profile-friends-modal .profile-friends-search::-webkit-search-results-decoration{
  -webkit-appearance:none !important;
  appearance:none !important;
}

body.retro-forum .profile-friends-search-shell:focus-within{
  border-color:rgba(76, 215, 246, .58) !important;
  box-shadow:0 0 0 3px rgba(76, 215, 246, .14) !important;
}

body.retro-forum .profile-friends-modal-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:32px !important;
  padding:0 10px !important;
  border:1px solid rgba(195, 192, 255, .12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
}

body.retro-forum .profile-friends-modal-list{
  padding:16px 18px 18px !important;
  gap:10px !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #page-profile{
    width:100% !important;
    max-width:none !important;
    padding:calc(var(--fm-header, 64px) + 10px + env(safe-area-inset-top, 0px)) 6px 34px !important;
  }

  body.retro-forum #profile-card .profile-avatar-area{
    grid-template-columns:88px minmax(0, 1fr) !important;
    gap:16px !important;
    margin-top:-42px !important;
    padding:0 14px 18px !important;
  }

  body.retro-forum #profile-card .profile-av-wrap,
  body.retro-forum #profile-card .profile-av-img{
    width:88px !important;
    height:88px !important;
    border-radius:22px !important;
  }

  body.retro-forum #profile-card .profile-display-name{
    font-size:26px !important;
  }

  body.retro-forum #profile-card .profile-stats{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    padding:16px 14px !important;
  }

  body.retro-forum #profile-card .profile-friends{
    padding:18px 14px !important;
  }

  body.retro-forum .profile-page-actions{
    grid-template-columns:1fr !important;
    padding:0 2px !important;
  }
}

@media (max-width:520px){
  body.retro-forum .profile-friend-card{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  body.retro-forum .profile-friend-actions{
    justify-content:center !important;
    min-width:0 !important;
    padding-left:0 !important;
  }
}

/* ABSOLUTE FINAL - Menu lateral e iconos unificados estilo Stitch. */
body.retro-forum #mobile-hud-drawer,
body.retro-forum .mobile-hud-drawer{
  background:
    radial-gradient(circle at 18% 0%, rgba(76, 215, 246, .08), transparent 32%),
    linear-gradient(180deg, rgba(18, 20, 29, .94), rgba(11, 13, 20, .96)) !important;
  border-right:1px solid rgba(195, 192, 255, .14) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.03) !important;
  backdrop-filter:blur(22px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.08) !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__group{
  gap:6px !important;
  padding:10px 0 !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__group--secondary{
  padding-top:12px !important;
  border-top:1px solid rgba(195, 192, 255, .1) !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action{
  position:relative !important;
  min-height:60px !important;
  height:60px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0, 1fr) !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 16px 0 18px !important;
  border:0 !important;
  border-left:3px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(232, 229, 255, .72) !important;
  overflow:hidden !important;
  transform:translateX(0) !important;
  transition:color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action::before{
  content:"" !important;
  position:absolute !important;
  inset:8px 10px 8px 8px !important;
  border-radius:16px !important;
  background:linear-gradient(90deg, rgba(195, 192, 255, .14), rgba(76, 215, 246, .08)) !important;
  opacity:0 !important;
  transform:translateX(-8px) scale(.98) !important;
  transition:opacity .18s ease, transform .18s ease !important;
  pointer-events:none !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:14px !important;
  bottom:14px !important;
  width:3px !important;
  border-radius:0 999px 999px 0 !important;
  background:linear-gradient(180deg, #c3c0ff, #4cd7f6) !important;
  opacity:0 !important;
  box-shadow:0 0 16px rgba(76, 215, 246, .42) !important;
  transition:opacity .18s ease !important;
  pointer-events:none !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:focus-visible,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active{
  color:#ffffff !important;
  border-left-color:transparent !important;
  background:transparent !important;
  transform:translateX(4px) !important;
  box-shadow:none !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover::before,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:focus-visible::before,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active::before{
  opacity:1 !important;
  transform:translateX(0) scale(1) !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active::after{
  opacity:1 !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:active{
  transform:translateX(2px) scale(.985) !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon{
  position:relative !important;
  z-index:1 !important;
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(195, 192, 255, .12) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.035) !important;
  color:#c8c6ff !important;
  transition:transform .18s ease, color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon svg,
body.retro-forum .mobile-hud-nav__icon svg,
body.retro-forum .fm-top-action svg,
body.retro-forum .mobile-hud-fab__icon svg{
  width:21px !important;
  height:21px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover .mobile-hud-drawer__icon,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:focus-visible .mobile-hud-drawer__icon,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__icon{
  transform:translateY(-1px) scale(1.06) !important;
  color:#4cd7f6 !important;
  border-color:rgba(76, 215, 246, .32) !important;
  background:rgba(76, 215, 246, .12) !important;
  box-shadow:0 0 18px rgba(76, 215, 246, .18) !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="profile"] .mobile-hud-drawer__icon,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="muro-personal"] .mobile-hud-drawer__icon,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="admin"] .mobile-hud-drawer__icon{
  color:#d8c8ff !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="logout"] .mobile-hud-drawer__icon,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="logout"] .mobile-hud-drawer__label{
  color:#ff9aa9 !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="logout"]:hover .mobile-hud-drawer__icon{
  color:#ff7f96 !important;
  border-color:rgba(255, 127, 150, .36) !important;
  background:rgba(255, 127, 150, .12) !important;
  box-shadow:0 0 18px rgba(255, 127, 150, .18) !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__text{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__label{
  color:inherit !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  line-height:1.05 !important;
  transition:transform .18s ease, color .18s ease !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__hint{
  margin-top:3px !important;
  color:rgba(232, 229, 255, .52) !important;
  font-family:Inter, var(--font), sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  transition:transform .18s ease, color .18s ease !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover .mobile-hud-drawer__label,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__label,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover .mobile-hud-drawer__hint,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__hint{
  transform:translateX(2px) !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__hint{
  color:rgba(76, 215, 246, .72) !important;
}

body.retro-forum .mobile-hud-nav__item{
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease !important;
}

body.retro-forum .mobile-hud-nav__item:hover,
body.retro-forum .mobile-hud-nav__item.active{
  color:#ffffff !important;
  background:rgba(195, 192, 255, .12) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.28), 0 0 18px rgba(195, 192, 255, .16) !important;
}

body.retro-forum .mobile-hud-nav__item:hover .mobile-hud-nav__icon,
body.retro-forum .mobile-hud-nav__item.active .mobile-hud-nav__icon{
  color:#4cd7f6 !important;
  filter:drop-shadow(0 0 8px rgba(76, 215, 246, .34)) !important;
}

body.retro-forum #hud-mobile-menu{
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

body.retro-forum #hud-mobile-menu:hover,
body.retro-forum.mobile-drawer-open #hud-mobile-menu{
  transform:translateY(-1px) scale(1.03) !important;
  border-color:rgba(195, 192, 255, .32) !important;
  background:rgba(195, 192, 255, .1) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.24), 0 0 18px rgba(195, 192, 255, .14) !important;
}

body.retro-forum #hud-mobile-menu span{
  transition:transform .18s ease, opacity .18s ease, background .18s ease !important;
}

body.retro-forum.mobile-drawer-open #hud-mobile-menu span:nth-child(1){
  transform:translateY(6px) rotate(45deg) !important;
}

body.retro-forum.mobile-drawer-open #hud-mobile-menu span:nth-child(2){
  opacity:0 !important;
}

body.retro-forum.mobile-drawer-open #hud-mobile-menu span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg) !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action{
    min-height:58px !important;
    height:58px !important;
    padding-left:14px !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon{
    width:36px !important;
    height:36px !important;
  }
}
/* ABSOLUTE FINAL - Menu lateral con iconos Stitch unificados. */
body.retro-forum #mobile-hud-drawer,
body.retro-forum .mobile-hud-drawer{
  background:
    radial-gradient(circle at 12% 8%, rgba(76,215,246,.10), transparent 30%),
    radial-gradient(circle at 86% 24%, rgba(195,192,255,.11), transparent 34%),
    linear-gradient(180deg, rgba(17,19,27,.96), rgba(11,13,20,.98)) !important;
  border-right:1px solid rgba(195,192,255,.14) !important;
  box-shadow:12px 0 36px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  overflow:hidden !important;
}
body.retro-forum #mobile-hud-drawer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(195,192,255,.07), transparent 32%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.025) 0 1px, transparent 1px 30px);
  opacity:.6;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__group{
  position:relative !important;
  z-index:1 !important;
  gap:4px !important;
  padding:4px 0 !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action{
  position:relative !important;
  min-height:58px !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 16px 0 20px !important;
  border:0 !important;
  border-left:3px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(230,228,248,.76) !important;
  box-shadow:none !important;
  transform:translateX(0) !important;
  transition:transform .18s ease, color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
  overflow:hidden !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action::before{
  content:"";
  position:absolute;
  inset:7px 10px 7px 8px;
  border-radius:15px;
  background:linear-gradient(135deg, rgba(76,215,246,.12), rgba(195,192,255,.14));
  opacity:0;
  transform:scale(.985);
  transition:opacity .18s ease, transform .18s ease;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active{
  color:#fff !important;
  border-left-color:#c3c0ff !important;
  transform:translateX(4px) !important;
  background:transparent !important;
  box-shadow:inset 8px 0 18px rgba(195,192,255,.10) !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover::before,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active::before{
  opacity:1;
  transform:scale(1);
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active::after{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#4cd7f6,#c3c0ff,#ddb7ff);
  box-shadow:0 0 16px rgba(195,192,255,.62);
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon{
  position:relative !important;
  z-index:1 !important;
  width:36px !important;
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(195,192,255,.12) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.035) !important;
  color:currentColor !important;
  transform:translateX(0) scale(1) !important;
  transition:transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease, filter .18s ease !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon svg,
body.retro-forum .mobile-hud-nav__icon svg,
body.retro-forum .mobile-hud-fab__icon svg,
body.retro-forum .fm-top-action svg{
  width:22px !important;
  height:22px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover .mobile-hud-drawer__icon,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__icon{
  color:#cfcaff !important;
  border-color:rgba(195,192,255,.28) !important;
  background:rgba(195,192,255,.12) !important;
  transform:translateX(2px) scale(1.06) rotate(-2deg) !important;
  filter:drop-shadow(0 0 10px rgba(195,192,255,.28)) !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__text{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__label{
  color:currentColor !important;
  font-family:Inter,var(--font),sans-serif !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  transition:transform .18s ease, color .18s ease !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__hint{
  margin-top:3px !important;
  color:rgba(229,226,255,.58) !important;
  font-family:Inter,var(--font),sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover .mobile-hud-drawer__label,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__label{
  transform:translateX(2px) !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="logout"]{
  color:rgba(255,174,188,.9) !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="logout"]:hover::before{
  background:linear-gradient(135deg, rgba(255,108,132,.16), rgba(195,192,255,.08)) !important;
}
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:active{
  transform:translateX(2px) scale(.985) !important;
}
body.retro-forum .mobile-hud-nav__item,
body.retro-forum .mobile-hud-slot,
body.retro-forum .fm-top-action{
  transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
body.retro-forum .mobile-hud-nav__item:hover,
body.retro-forum .mobile-hud-slot:hover,
body.retro-forum .fm-top-action:hover{
  transform:translateY(-2px) scale(1.04) !important;
  color:#cfcaff !important;
  filter:drop-shadow(0 0 10px rgba(195,192,255,.22)) !important;
}
body.retro-forum #hud-mobile-menu span{
  transition:transform .2s ease, opacity .2s ease, background .2s ease !important;
}
body.retro-forum.mobile-drawer-open #hud-mobile-menu span:nth-child(1){
  transform:translateY(6px) rotate(45deg) !important;
}
body.retro-forum.mobile-drawer-open #hud-mobile-menu span:nth-child(2){
  opacity:0 !important;
  transform:scaleX(.4) !important;
}
body.retro-forum.mobile-drawer-open #hud-mobile-menu span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg) !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action{
    min-height:56px !important;
    padding-left:18px !important;
  }
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon{
    width:34px !important;
    height:34px !important;
  }
}

/* TRUE FINAL - Gestos de respuesta y reacciones en globos del Messenger. */
body.retro-forum .msn-chat-shell .dm-msg{
  --dm-reply-offset:0px;
  --dm-reply-progress:0;
}

body.retro-forum .msn-chat-shell .dm-msg .dm-message-stack{
  position:relative !important;
}

body.retro-forum .msn-chat-shell .dm-msg .dm-bubble{
  touch-action:pan-y !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body.retro-forum .msn-chat-shell .dm-msg.is-reply-swiping .dm-bubble{
  transform:translateX(var(--dm-reply-offset)) !important;
  box-shadow:
    0 0 0 calc(2px + (2px * var(--dm-reply-progress))) rgba(151,210,255,.34),
    0 0 calc(8px + (16px * var(--dm-reply-progress))) rgba(108,197,255,.22),
    0 12px 26px rgba(0,0,0,.20) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.is-reply-ready .dm-bubble{
  filter:drop-shadow(0 0 15px rgba(127,216,255,.40)) saturate(1.08) !important;
  animation:dmReplyReadyPulse .62s ease-in-out infinite alternate !important;
}

body.retro-forum .msn-chat-shell .dm-msg .dm-message-stack::after{
  content:"↩";
  position:absolute;
  top:50%;
  right:-2px;
  z-index:3;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(221,236,255,.96), rgba(163,202,255,.96));
  border:1px solid rgba(255,255,255,.42);
  color:#183650;
  font:900 18px/1 Inter, system-ui, sans-serif;
  opacity:0;
  transform:translate(20px,-50%) scale(.78) rotate(-10deg);
  box-shadow:0 12px 26px rgba(0,0,0,.26), 0 0 18px rgba(127,216,255,.28);
  transition:opacity .16s ease, transform .16s ease, background .16s ease, color .16s ease;
  pointer-events:none;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-other .dm-message-stack::after{
  content:"↪";
  left:-2px;
  right:auto;
  transform:translate(-20px,-50%) scale(.78) rotate(10deg);
}

body.retro-forum .msn-chat-shell .dm-msg.is-reply-swiping .dm-message-stack::after{
  opacity:calc(.32 + (.68 * var(--dm-reply-progress)));
  transform:translate(calc(20px - (34px * var(--dm-reply-progress))),-50%) scale(calc(.82 + (.18 * var(--dm-reply-progress)))) rotate(calc(-10deg + (10deg * var(--dm-reply-progress))));
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-other.is-reply-swiping .dm-message-stack::after{
  transform:translate(calc(-20px + (34px * var(--dm-reply-progress))),-50%) scale(calc(.82 + (.18 * var(--dm-reply-progress)))) rotate(calc(10deg - (10deg * var(--dm-reply-progress))));
}

body.retro-forum .msn-chat-shell .dm-msg.is-reply-ready .dm-message-stack::after{
  content:"✓";
  background:linear-gradient(180deg, #d8fff2, #8ff5ce);
  color:#0a5d43;
  animation:dmReplyIconReady .56s ease-in-out infinite alternate;
}

body.retro-forum .msn-chat-shell .dm-msg.dm-msg-other.is-reply-ready .dm-message-stack::after{
  animation:dmReplyIconReadyOther .56s ease-in-out infinite alternate;
}

body.retro-forum .msn-chat-shell .dm-msg.is-reply-target .dm-bubble{
  animation:dmReplyTargetMark 1.05s cubic-bezier(.2,1.1,.32,1) !important;
}

body.retro-forum .msn-chat-shell .dm-msg.is-reply-located .dm-bubble{
  position:relative !important;
  outline:2px solid transparent !important;
  animation:dmReplyLocatedMark 1.8s ease-in-out !important;
}

body.retro-forum .msn-chat-shell .dm-msg.is-reply-target .dm-message-stack::before{
  content:"Respondiendo";
  position:absolute;
  left:50%;
  top:-30px;
  z-index:4;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(216,255,242,.96);
  color:#0a5d43;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  font:900 10px/1 Inter, system-ui, sans-serif;
  transform:translateX(-50%);
  animation:dmReplyLabelOut 1.05s ease forwards;
  pointer-events:none;
}

body.retro-forum .msn-chat-shell .dm-msg.is-reply-located .dm-message-stack::before{
  display:none !important;
  content:none !important;
}

body.retro-forum .dm-compose-reply{
  width:calc(100% - 20px);
  box-sizing:border-box;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 30px;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  margin:0 10px 8px;
  border:1px solid rgba(195,192,255,.22);
  border-left:3px solid #9a92ff;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(31,36,50,.94), rgba(18,22,32,.94));
  box-shadow:0 12px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
  animation:dmReplyComposerIn .2s cubic-bezier(.2,1.15,.32,1);
}

body.retro-forum #msn-chat-compose .dm-compose-reply,
body.retro-forum .dm-compose .dm-compose-reply{
  width:100%;
  margin:0 0 7px;
}

body.retro-forum .dm-compose-reply-icon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(154,146,255,.16);
  color:#c9c3ff;
  font-weight:900;
}

body.retro-forum .dm-compose-reply-copy{
  min-width:0;
  display:grid;
  gap:2px;
}

body.retro-forum .dm-compose-reply-copy b{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#ffffff;
  font:900 11px/1.15 Inter, system-ui, sans-serif;
}

body.retro-forum .dm-compose-reply-copy small{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:rgba(222,232,255,.72);
  font:800 10px/1.15 Inter, system-ui, sans-serif;
}

body.retro-forum .dm-compose-reply button{
  width:30px;
  height:30px;
  border:0;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  color:#ffffff;
  font-weight:900;
  cursor:pointer;
  transition:transform .16s ease, background .16s ease;
}

body.retro-forum .dm-compose-reply button:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.14);
}

body.retro-forum .msn-chat-shell .dm-reply-preview{
  width:100%;
  max-width:100%;
  display:grid;
  gap:2px;
  margin:0 0 6px;
  padding:7px 9px;
  border:0;
  border-left:3px solid rgba(154,146,255,.92);
  border-radius:10px;
  background:rgba(10,14,22,.20);
  color:inherit;
  text-align:left;
  cursor:pointer;
}

body.retro-forum .msn-chat-shell .dm-reply-preview:hover{
  background:rgba(10,14,22,.28);
}

body.retro-forum .msn-chat-shell .dm-reply-author{
  color:#ffffff;
  font:900 10px/1.1 Inter, system-ui, sans-serif;
}

body.retro-forum .msn-chat-shell .dm-reply-body{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:rgba(255,255,255,.72);
  font:800 10px/1.2 Inter, system-ui, sans-serif;
}

@keyframes dmReplyComposerIn{
  from{opacity:0;transform:translateY(8px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes dmReplyReadyPulse{
  from{box-shadow:0 0 0 3px rgba(151,210,255,.30), 0 10px 24px rgba(0,0,0,.18)}
  to{box-shadow:0 0 0 5px rgba(143,245,206,.38), 0 14px 30px rgba(0,0,0,.24)}
}

@keyframes dmReplyIconReady{
  from{transform:translate(-14px,-50%) scale(1)}
  to{transform:translate(-18px,-50%) scale(1.1)}
}

@keyframes dmReplyIconReadyOther{
  from{transform:translate(14px,-50%) scale(1)}
  to{transform:translate(18px,-50%) scale(1.1)}
}

@keyframes dmReplyTargetMark{
  0%{box-shadow:0 0 0 0 rgba(143,245,206,0), 0 0 0 rgba(127,216,255,0)}
  28%{box-shadow:0 0 0 5px rgba(143,245,206,.38), 0 0 24px rgba(127,216,255,.34)}
  100%{box-shadow:0 0 0 0 rgba(143,245,206,0), 0 0 0 rgba(127,216,255,0)}
}

@keyframes dmReplyLocatedMark{
  0%,100%{
    outline-color:rgba(255,75,105,0);
    box-shadow:0 0 0 0 rgba(255,75,105,0), 0 0 0 rgba(255,32,82,0);
    filter:saturate(1) brightness(1);
  }
  11%,43%,75%{
    outline-color:rgba(255,93,128,.98);
    box-shadow:0 0 0 4px rgba(255,75,105,.44), 0 0 30px rgba(255,32,82,.62), inset 0 0 0 1px rgba(255,255,255,.18);
    filter:saturate(1.22) brightness(1.08);
  }
  24%,56%,88%{
    outline-color:rgba(255,75,105,.18);
    box-shadow:0 0 0 1px rgba(255,75,105,.12), 0 0 8px rgba(255,32,82,.18);
    filter:saturate(1.06) brightness(1.02);
  }
}

@keyframes dmReplyLabelOut{
  0%{opacity:0;transform:translate(-50%,8px) scale(.92)}
  18%{opacity:1;transform:translate(-50%,0) scale(1)}
  72%{opacity:1;transform:translate(-50%,0) scale(1)}
  100%{opacity:0;transform:translate(-50%,-8px) scale(.96)}
}

/* TRUE FINAL - Sin linea separadora verde debajo del buscador del Messenger. */
body.retro-forum #msn-panel .msn-search-row,
body.retro-forum .chat-col #msn-panel .msn-search-row,
body.retro-forum.messenger-open #msn-panel .msn-search-row,
body.retro-forum.chat-open #msn-panel .msn-search-row{
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* TRUE FINAL - El punto del contacto refleja el estado real elegido. */
body.retro-forum #msn-contact-list .msn-contact-presence{
  justify-self:center !important;
  width:10px !important;
  min-width:10px !important;
  height:10px !important;
  min-height:10px !important;
  border-radius:999px !important;
  opacity:1 !important;
}

body.retro-forum #msn-contact-list .msn-contact-presence.msn-presence-connected{
  background:#35d977 !important;
  border:0 !important;
  box-shadow:0 0 0 3px rgba(53,217,119,.16), 0 0 12px rgba(53,217,119,.55) !important;
}

body.retro-forum #msn-contact-list .msn-contact-presence.msn-presence-busy{
  background:#ff4d6d !important;
  border:0 !important;
  box-shadow:0 0 0 3px rgba(255,77,109,.17), 0 0 12px rgba(255,77,109,.52) !important;
}

body.retro-forum #msn-contact-list .msn-contact-presence.msn-presence-unavailable{
  background:#ffd166 !important;
  border:0 !important;
  box-shadow:0 0 0 3px rgba(255,209,102,.16), 0 0 12px rgba(255,209,102,.45) !important;
}

body.retro-forum #msn-contact-list .msn-contact-presence.msn-presence-offline{
  background:#7f8fa7 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.retro-forum #msn-contact-list .msn-contact-presence.msn-presence-invisible{
  background:transparent !important;
  border:2px solid #7f8fa7 !important;
  box-shadow:none !important;
}

/* TRUE FINAL ABSOLUTE - Administrar galeria debe conservar la plantilla oscura Stitch. */
body.retro-forum .modal.gallery-manager-modal{
  width:min(1040px, calc(100vw - 22px)) !important;
  max-width:min(1040px, calc(100vw - 22px)) !important;
  max-height:calc(100dvh - 22px) !important;
  overflow:hidden !important;
  padding:0 !important;
  border:1px solid rgba(145,143,161,.38) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(30,33,45,.98),rgba(17,19,27,.98)) !important;
  color:#e1e1ed !important;
  box-shadow:0 24px 60px rgba(0,0,0,.42) !important;
}
body.retro-forum .modal.gallery-manager-modal .gm-shell{
  max-height:calc(100dvh - 22px) !important;
  overflow:auto !important;
  padding:24px !important;
  color:#e1e1ed !important;
}
body.retro-forum .modal.gallery-manager-modal .gm-head{
  top:-24px !important;
  padding:0 0 18px !important;
  background:linear-gradient(180deg,rgba(30,33,45,.98),rgba(30,33,45,.88)) !important;
  border-bottom:1px solid rgba(70,69,85,.8) !important;
}
body.retro-forum .modal.gallery-manager-modal .gm-head h2{
  color:#fff !important;
  font:950 30px/1.1 Inter,system-ui,sans-serif !important;
}
body.retro-forum .modal.gallery-manager-modal .gm-head p,
body.retro-forum .modal.gallery-manager-modal .gm-section-head p{
  color:#a9a8ba !important;
}
body.retro-forum .modal.gallery-manager-modal .gm-kicker{
  color:#4edea3 !important;
}
body.retro-forum .modal.gallery-manager-modal .gm-section-title{
  color:#fff !important;
  font:950 18px/1.1 Inter,system-ui,sans-serif !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
body.retro-forum .modal.gallery-manager-modal .gm-close{
  width:42px !important;
  height:42px !important;
  border:1px solid rgba(145,143,161,.3) !important;
  background:rgba(51,52,61,.82) !important;
  color:#e1e1ed !important;
}
body.retro-forum .modal.gallery-manager-modal .gm-create-row button,
body.retro-forum .modal.gallery-manager-modal .gm-upload-main,
body.retro-forum .modal.gallery-manager-modal .gm-icon-btn,
body.retro-forum .modal.gallery-manager-modal .gm-top-actions select,
body.retro-forum .modal.gallery-manager-modal .gm-create-row input,
body.retro-forum .modal.gallery-manager-modal .gm-album-edit input,
body.retro-forum .modal.gallery-manager-modal .gm-item-controls select{
  border-radius:12px !important;
}
body.retro-forum .modal.gallery-manager-modal .gm-create-row input,
body.retro-forum .modal.gallery-manager-modal .gm-album-edit input,
body.retro-forum .modal.gallery-manager-modal .gm-item-controls select,
body.retro-forum .modal.gallery-manager-modal .gm-top-actions select{
  border:1px solid rgba(70,69,85,.9) !important;
  background:#0c0e16 !important;
  color:#fff !important;
}
@media (max-width:720px){
  body.retro-forum .modal.gallery-manager-modal{
    width:100vw !important;
    max-width:100vw !important;
    max-height:calc(100dvh - var(--nav-h, 50px)) !important;
    border-radius:14px 14px 0 0 !important;
  }
  body.retro-forum .modal.gallery-manager-modal .gm-shell{
    max-height:calc(100dvh - var(--nav-h, 50px)) !important;
    padding:16px !important;
  }
  body.retro-forum .modal.gallery-manager-modal .gm-head{
    top:-16px !important;
  }
  body.retro-forum .modal.gallery-manager-modal .gm-head h2{
    font-size:22px !important;
  }
}

/* TRUE FINAL - Unread DM notifications are red. */
body.retro-forum #msn-contact-list .msn-contact-unread,
body.retro-forum #msn-contact-list .msn-group-unread,
body.retro-forum #msn-panel .msn-contact-unread,
body.retro-forum #msn-panel .msn-group-unread{
  background:#ff3f6b !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.10), 0 0 16px rgba(255,63,107,.45) !important;
}

body.retro-forum #msn-contact-list .msn-contact-presence.has-unread-presence,
body.retro-forum #msn-panel .msn-contact-presence.has-unread-presence{
  background:#ff3f6b !important;
  box-shadow:0 0 0 3px rgba(255,63,107,.18), 0 0 14px rgba(255,63,107,.58) !important;
}

/* TRUE FINAL - Gallery manager has its own page at /@usuario/galeria. */
body.retro-forum #page-gallery-manager{
  width:100% !important;
  padding:18px 0 34px !important;
}

body.retro-forum .gallery-manager-page.gallery-manager-modal{
  width:min(1040px, calc(100vw - 22px)) !important;
  max-width:min(1040px, calc(100vw - 22px)) !important;
  max-height:none !important;
  overflow:visible !important;
  margin:0 auto !important;
  padding:0 !important;
  border:1px solid rgba(145,143,161,.38) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(30,33,45,.98),rgba(17,19,27,.98)) !important;
  color:#e1e1ed !important;
  box-shadow:0 24px 60px rgba(0,0,0,.32) !important;
}

body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-shell{
  max-height:none !important;
  overflow:visible !important;
  padding:24px !important;
  color:#e1e1ed !important;
}

body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-head{
  top:0 !important;
  padding:0 0 18px !important;
  background:linear-gradient(180deg,rgba(30,33,45,.98),rgba(30,33,45,.88)) !important;
  border-bottom:1px solid rgba(70,69,85,.8) !important;
}

body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-head h2,
body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-section-title{
  color:#fff !important;
}

body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-head p,
body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-section-head p{
  color:#a9a8ba !important;
}

body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-create-row input,
body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-album-edit input,
body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-item-controls select,
body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-top-actions select{
  border:1px solid rgba(70,69,85,.9) !important;
  background:#0c0e16 !important;
  color:#fff !important;
}

@media (max-width:720px){
  body.retro-forum #page-gallery-manager{
    padding:8px 0 20px !important;
  }
  body.retro-forum .gallery-manager-page.gallery-manager-modal{
    width:100% !important;
    max-width:100% !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:14px !important;
  }
  body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-shell{
    padding:16px !important;
  }
  body.retro-forum .gallery-manager-page.gallery-manager-modal .gm-head h2{
    font-size:22px !important;
  }
}

/* TRUE FINAL - Administrar Galeria con la plantilla central Midnight Executive. */
body.retro-forum #page-gallery-manager{
  display:none;
  width:100% !important;
  padding:26px 18px 52px !important;
}

body.retro-forum .gallery-manager-page.gallery-manager-modal,
body.retro-forum .modal.gallery-manager-modal{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#e1e1ed !important;
  overflow:visible !important;
}

body.retro-forum .gallery-manager-page.gallery-manager-modal{
  width:min(1320px, 100%) !important;
  max-width:min(1320px, 100%) !important;
  margin:0 auto !important;
}

body.retro-forum .modal.gallery-manager-modal{
  width:min(1120px, calc(100vw - 24px)) !important;
  max-width:min(1120px, calc(100vw - 24px)) !important;
  max-height:calc(100dvh - 24px) !important;
  overflow:auto !important;
  border-radius:18px !important;
}

body.retro-forum .gallery-manager-modal .gm-shell{
  width:100% !important;
  max-height:none !important;
  overflow:visible !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#e1e1ed !important;
}

body.retro-forum .modal.gallery-manager-modal .gm-shell{
  padding:28px !important;
  background:#11131b !important;
  border:1px solid rgba(145,143,161,.24) !important;
  border-radius:18px !important;
  box-shadow:0 28px 70px rgba(0,0,0,.46) !important;
}

body.retro-forum .gallery-manager-modal .gm-head{
  position:relative !important;
  top:auto !important;
  z-index:1 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:0 0 28px !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.retro-forum .gallery-manager-modal .gm-title-block{
  min-width:0 !important;
}

body.retro-forum .gallery-manager-modal .gm-kicker{
  margin:0 0 4px !important;
  color:#76e8c2 !important;
  font:900 11px/1 Inter,system-ui,sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

body.retro-forum .gallery-manager-modal .gm-head h2{
  margin:0 !important;
  color:#f4f5ff !important;
  font:900 34px/1.12 Inter,system-ui,sans-serif !important;
  letter-spacing:0 !important;
}

body.retro-forum .gallery-manager-modal .gm-head p{
  margin:6px 0 0 !important;
  color:#c7c4d8 !important;
  font:700 14px/1.45 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-manager-modal .gm-head-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

body.retro-forum .gallery-manager-modal .gm-head-btn{
  min-height:50px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:0 22px !important;
  border-radius:10px !important;
  font:900 15px/1 Inter,system-ui,sans-serif !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
  transition:transform .18s ease, filter .18s ease, background .18s ease, border-color .18s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-head-btn:hover{
  transform:translateY(-2px) !important;
}

body.retro-forum .gallery-manager-modal .gm-head-btn:active{
  transform:translateY(0) scale(.98) !important;
}

body.retro-forum .gallery-manager-modal .gm-head-btn svg,
body.retro-forum .gallery-manager-modal .gm-head-btn svg *{
  width:20px !important;
  height:20px !important;
  fill:currentColor !important;
}

body.retro-forum .gallery-manager-modal .gm-head-btn--ghost{
  background:#282a32 !important;
  border:1px solid #464555 !important;
  color:#f4f5ff !important;
}

body.retro-forum .gallery-manager-modal .gm-head-btn--primary{
  background:linear-gradient(135deg,#c3c0ff,#7fd8ff) !important;
  border:1px solid rgba(195,192,255,.7) !important;
  color:#10146b !important;
  box-shadow:0 16px 34px rgba(127,216,255,.16) !important;
}

body.retro-forum .gallery-manager-modal .gm-head-btn input,
body.retro-forum .gallery-manager-modal .gm-upload-main input,
body.retro-forum .gallery-manager-modal .gm-upload-tile input{
  display:none !important;
}

body.retro-forum .gallery-manager-modal .gm-close{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border:1px solid rgba(145,143,161,.26) !important;
  border-radius:14px !important;
  background:#242731 !important;
  color:#d9d8ff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:transform .18s ease, background .18s ease, color .18s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-close:hover{
  transform:translateY(-2px) rotate(4deg) !important;
  background:#33343d !important;
  color:#ffffff !important;
}

body.retro-forum .gallery-manager-modal .gm-section{
  margin:0 0 34px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

body.retro-forum .gallery-manager-modal .gm-section-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:0 0 16px !important;
  padding:0 !important;
  border:0 !important;
}

body.retro-forum .gallery-manager-modal .gm-section-title{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#f4f5ff !important;
  font:900 26px/1.18 Inter,system-ui,sans-serif !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

body.retro-forum .gallery-manager-modal .gm-section-title svg{
  width:28px !important;
  height:28px !important;
  fill:#c3c0ff !important;
}

body.retro-forum .gallery-manager-modal .gm-section-head p{
  margin:8px 0 0 !important;
  color:#4edea3 !important;
  font:700 13px/1.3 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-manager-modal .gm-link-btn{
  border:0 !important;
  background:transparent !important;
  color:#d9d8ff !important;
  font:900 14px/1 Inter,system-ui,sans-serif !important;
  cursor:pointer !important;
}

body.retro-forum .gallery-manager-modal .gm-link-btn:hover{
  color:#ffffff !important;
  text-decoration:underline !important;
}

body.retro-forum .gallery-manager-modal .gm-stats{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 0 20px !important;
}

body.retro-forum .gallery-manager-modal .gm-stats span{
  min-height:64px !important;
  padding:14px 16px !important;
  border:1px solid rgba(145,143,161,.22) !important;
  border-radius:14px !important;
  background:#1d1f28 !important;
  color:#c7c4d8 !important;
  font:900 11px/1 Inter,system-ui,sans-serif !important;
  text-transform:uppercase !important;
}

body.retro-forum .gallery-manager-modal .gm-stats strong{
  display:block !important;
  margin:0 0 4px !important;
  color:#4edea3 !important;
  font:950 24px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-manager-modal .gm-create-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:12px !important;
  margin:0 0 22px !important;
}

body.retro-forum .gallery-manager-modal .gm-create-row input,
body.retro-forum .gallery-manager-modal .gm-album-edit input,
body.retro-forum .gallery-manager-modal .gm-item-controls select,
body.retro-forum .gallery-manager-modal .gm-toolbar-actions select{
  height:46px !important;
  border:1px solid #464555 !important;
  border-radius:10px !important;
  background:#0c0e16 !important;
  color:#ffffff !important;
  font:800 13px/1 Inter,system-ui,sans-serif !important;
  outline:none !important;
}

body.retro-forum .gallery-manager-modal .gm-create-row input:focus,
body.retro-forum .gallery-manager-modal .gm-album-edit input:focus,
body.retro-forum .gallery-manager-modal .gm-item-controls select:focus,
body.retro-forum .gallery-manager-modal .gm-toolbar-actions select:focus{
  border-color:#c3c0ff !important;
  box-shadow:0 0 0 3px rgba(195,192,255,.16) !important;
}

body.retro-forum .gallery-manager-modal .gm-create-row button{
  min-height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 18px !important;
  border:1px solid rgba(78,222,163,.38) !important;
  border-radius:10px !important;
  background:rgba(78,222,163,.12) !important;
  color:#6ffbbe !important;
  font:950 13px/1 Inter,system-ui,sans-serif !important;
  transition:transform .18s ease, background .18s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-create-row button:hover{
  transform:translateY(-2px) !important;
  background:rgba(78,222,163,.18) !important;
}

body.retro-forum .gallery-manager-modal .gm-albums{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr)) !important;
  gap:22px !important;
}

body.retro-forum .gallery-manager-modal .gm-album-card{
  background:transparent !important;
  border:0 !important;
  border-radius:12px !important;
  padding:0 !important;
  overflow:visible !important;
  transition:transform .2s ease, filter .2s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-album-card:hover{
  transform:translateY(-3px) !important;
}

body.retro-forum .gallery-manager-modal .gm-album-cover{
  aspect-ratio:1/1 !important;
  width:100% !important;
  border:1px solid rgba(145,143,161,.18) !important;
  border-radius:10px !important;
  background:#191b23 !important;
  overflow:hidden !important;
  position:relative !important;
  display:block !important;
}

body.retro-forum .gallery-manager-modal .gm-album-cover::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.22)) !important;
  opacity:.9 !important;
  pointer-events:none !important;
}

body.retro-forum .gallery-manager-modal .gm-album-cover-media,
body.retro-forum .gallery-manager-modal .gm-item-media{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition:transform .45s ease, filter .2s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-album-card:hover .gm-album-cover-media,
body.retro-forum .gallery-manager-modal .gm-item:hover .gm-item-media{
  transform:scale(1.055) !important;
}

body.retro-forum .gallery-manager-modal .gm-album-count{
  position:absolute !important;
  right:9px !important;
  bottom:9px !important;
  z-index:2 !important;
  padding:6px 8px !important;
  border-radius:7px !important;
  background:rgba(17,19,27,.82) !important;
  border:1px solid rgba(145,143,161,.22) !important;
  color:#ffffff !important;
  font:950 10px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-manager-modal .gm-album-cover-empty{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,rgba(195,192,255,.18),rgba(78,222,163,.10)) !important;
}

body.retro-forum .gallery-manager-modal .gm-album-cover-empty svg{
  width:42px !important;
  height:42px !important;
  fill:#c3c0ff !important;
}

body.retro-forum .gallery-manager-modal .gm-album-edit{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  margin:10px 0 0 !important;
}

body.retro-forum .gallery-manager-modal .gm-album-edit input{
  height:38px !important;
  padding:0 10px !important;
  background:transparent !important;
  border-color:transparent !important;
  color:#f4f5ff !important;
  font-size:15px !important;
}

body.retro-forum .gallery-manager-modal .gm-album-edit input:hover,
body.retro-forum .gallery-manager-modal .gm-album-edit input:focus{
  background:#191b23 !important;
  border-color:#464555 !important;
}

body.retro-forum .gallery-manager-modal .gm-album-actions{
  display:flex !important;
  gap:6px !important;
}

body.retro-forum .gallery-manager-modal .gm-icon-btn{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  border:1px solid rgba(145,143,161,.18) !important;
  background:#242731 !important;
  color:#d9d8ff !important;
  transition:transform .18s ease, color .18s ease, border-color .18s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-icon-btn:hover{
  transform:translateY(-2px) !important;
  color:#ffffff !important;
  border-color:#c3c0ff !important;
}

body.retro-forum .gallery-manager-modal .gm-icon-btn--save{
  color:#6ffbbe !important;
}

body.retro-forum .gallery-manager-modal .gm-icon-btn--danger{
  color:#ffb2b7 !important;
}

body.retro-forum .gallery-manager-modal .gm-icon-btn[disabled]{
  opacity:.35 !important;
  pointer-events:none !important;
}

body.retro-forum .gallery-manager-modal .gm-album-new,
body.retro-forum .gallery-manager-modal .gm-upload-tile{
  aspect-ratio:1/1 !important;
  min-height:150px !important;
  border:2px dashed rgba(145,143,161,.30) !important;
  border-radius:10px !important;
  background:rgba(29,31,40,.36) !important;
  color:#c7c4d8 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  cursor:pointer !important;
  transition:transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-album-new:hover,
body.retro-forum .gallery-manager-modal .gm-upload-tile:hover{
  transform:translateY(-3px) !important;
  border-color:#c3c0ff !important;
  color:#ffffff !important;
  background:rgba(195,192,255,.07) !important;
}

body.retro-forum .gallery-manager-modal .gm-album-new span{
  font:300 42px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-manager-modal .gm-toolbar{
  position:sticky !important;
  top:calc(var(--nav-h, 50px) + 8px) !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:0 0 18px !important;
  padding:18px !important;
  border:1px solid rgba(145,143,161,.22) !important;
  border-radius:12px !important;
  background:rgba(29,31,40,.94) !important;
  backdrop-filter:blur(14px) !important;
  box-shadow:0 18px 34px rgba(0,0,0,.24) !important;
}

body.retro-forum .gallery-manager-modal .gm-toolbar-main{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
}

body.retro-forum .gallery-manager-modal .gm-toolbar-main .gm-section-title{
  white-space:nowrap !important;
}

body.retro-forum .gallery-manager-modal .gm-toolbar-main > span{
  color:#4edea3 !important;
  font:900 11px/1.2 Inter,system-ui,sans-serif !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;
}

body.retro-forum .gallery-manager-modal .gm-toolbar-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

body.retro-forum .gallery-manager-modal .gm-upload-main{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 14px !important;
  border:1px solid rgba(78,222,163,.34) !important;
  border-radius:9px !important;
  background:rgba(78,222,163,.10) !important;
  color:#6ffbbe !important;
  font:950 12px/1 Inter,system-ui,sans-serif !important;
  cursor:pointer !important;
  transition:transform .18s ease, background .18s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-upload-main:hover{
  transform:translateY(-2px) !important;
  background:rgba(78,222,163,.16) !important;
}

body.retro-forum .gallery-manager-modal .gm-toolbar-actions select{
  min-width:160px !important;
  padding:0 36px 0 12px !important;
}

body.retro-forum .gallery-manager-modal .gm-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important;
  gap:14px !important;
}

body.retro-forum .gallery-manager-modal .gm-item{
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  overflow:visible !important;
  transition:transform .18s ease, filter .18s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-item.is-dragging{
  opacity:.58 !important;
  transform:scale(.96) !important;
}

body.retro-forum .gallery-manager-modal .gm-item-preview{
  aspect-ratio:1/1 !important;
  width:100% !important;
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  border:1px solid rgba(145,143,161,.14) !important;
  border-radius:10px !important;
  background:#191b23 !important;
}

body.retro-forum .gallery-manager-modal .gm-item-preview::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.32) !important;
  opacity:0 !important;
  transition:opacity .18s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-item:hover .gm-item-preview::after{
  opacity:1 !important;
}

body.retro-forum .gallery-manager-modal .gm-item-type,
body.retro-forum .gallery-manager-modal .gm-drag-handle{
  position:absolute !important;
  z-index:2 !important;
  opacity:0 !important;
  transition:opacity .18s ease, transform .18s ease !important;
}

body.retro-forum .gallery-manager-modal .gm-item:hover .gm-item-type,
body.retro-forum .gallery-manager-modal .gm-item:hover .gm-drag-handle{
  opacity:1 !important;
}

body.retro-forum .gallery-manager-modal .gm-item-type{
  left:8px !important;
  bottom:8px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  padding:6px 8px !important;
  border-radius:8px !important;
  background:rgba(17,19,27,.82) !important;
  color:#ffffff !important;
  font:950 10px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-manager-modal .gm-drag-handle{
  right:8px !important;
  top:8px !important;
  width:30px !important;
  height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:8px !important;
  background:rgba(17,19,27,.72) !important;
  color:#ffffff !important;
}

body.retro-forum .gallery-manager-modal .gm-item-controls{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 38px !important;
  gap:8px !important;
  margin:9px 0 0 !important;
}

body.retro-forum .gallery-manager-modal .gm-item-controls select{
  height:38px !important;
  min-width:0 !important;
  padding:0 30px 0 10px !important;
}

body.retro-forum .gallery-manager-modal .gm-empty{
  grid-column:1/-1 !important;
  min-height:150px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px dashed rgba(145,143,161,.26) !important;
  border-radius:12px !important;
  background:rgba(29,31,40,.36) !important;
  color:#c7c4d8 !important;
  font:850 13px/1.4 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-manager-modal .album-drop-zone.drag-over{
  border-color:#4edea3 !important;
  box-shadow:0 0 0 3px rgba(78,222,163,.16), 0 18px 40px rgba(78,222,163,.12) !important;
  background:rgba(78,222,163,.08) !important;
}

body.retro-forum .gallery-manager-modal .is-uploading{
  pointer-events:none !important;
  position:relative !important;
  overflow:hidden !important;
  filter:saturate(1.1) !important;
}

body.retro-forum .gallery-manager-modal .is-uploading::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent) !important;
  transform:translateX(-100%) !important;
  animation:gmUploadSweep 1.1s linear infinite !important;
}

@keyframes gmUploadSweep{
  to{transform:translateX(100%)}
}

@media (max-width:900px){
  body.retro-forum .gallery-manager-modal .gm-head{
    flex-direction:column !important;
  }
  body.retro-forum .gallery-manager-modal .gm-head-actions{
    width:100% !important;
    justify-content:flex-start !important;
  }
  body.retro-forum .gallery-manager-modal .gm-toolbar{
    position:relative !important;
    top:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  body.retro-forum .gallery-manager-modal .gm-toolbar-main{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  body.retro-forum .gallery-manager-modal .gm-toolbar-actions{
    width:100% !important;
  }
  body.retro-forum .gallery-manager-modal .gm-toolbar-actions select,
  body.retro-forum .gallery-manager-modal .gm-upload-main{
    flex:1 1 0 !important;
  }
}

@media (max-width:720px){
  body.retro-forum #page-gallery-manager{
    padding:14px 8px 28px !important;
  }
  body.retro-forum .gallery-manager-page.gallery-manager-modal,
  body.retro-forum .modal.gallery-manager-modal{
    width:100% !important;
    max-width:100% !important;
  }
  body.retro-forum .modal.gallery-manager-modal .gm-shell{
    padding:16px !important;
    border-radius:14px !important;
  }
  body.retro-forum .gallery-manager-modal .gm-head h2{
    font-size:28px !important;
  }
  body.retro-forum .gallery-manager-modal .gm-head-btn{
    min-height:46px !important;
    flex:1 1 calc(50% - 6px) !important;
    padding:0 14px !important;
  }
  body.retro-forum .gallery-manager-modal .gm-close{
    position:absolute !important;
    right:0 !important;
    top:0 !important;
  }
  body.retro-forum .gallery-manager-modal .gm-section-title{
    font-size:22px !important;
  }
  body.retro-forum .gallery-manager-modal .gm-stats{
    grid-template-columns:1fr !important;
  }
  body.retro-forum .gallery-manager-modal .gm-create-row{
    grid-template-columns:1fr !important;
  }
  body.retro-forum .gallery-manager-modal .gm-albums,
  body.retro-forum .gallery-manager-modal .gm-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  body.retro-forum .gallery-manager-modal .gm-toolbar-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  body.retro-forum .gallery-manager-modal .gm-item-controls{
    grid-template-columns:1fr !important;
  }
  body.retro-forum .gallery-manager-modal .gm-item-controls .gm-icon-btn{
    width:100% !important;
  }
}

/* TRUE FINAL - Galeria: preview limpio y albumes abribles con UI moderna. */
body.retro-forum #user-wall-gallery .uwx-album-row{
  display:none !important;
}

body.retro-forum .gallery-manager-modal .gm-album-card{
  position:relative !important;
}

body.retro-forum .gallery-manager-modal .gm-album-cover{
  cursor:pointer !important;
  box-shadow:0 18px 36px rgba(0,0,0,.24) !important;
}

body.retro-forum .gallery-manager-modal .gm-album-cover:active{
  transform:scale(.985) !important;
}

body.retro-forum .gallery-manager-modal .gm-album-open-pill{
  position:absolute !important;
  left:10px !important;
  bottom:10px !important;
  z-index:3 !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,rgba(195,192,255,.96),rgba(127,216,255,.94)) !important;
  color:#10146b !important;
  font:950 11px/1 Inter,system-ui,sans-serif !important;
  opacity:0 !important;
  transform:translateY(8px) !important;
  transition:opacity .18s ease, transform .18s ease !important;
  box-shadow:0 12px 24px rgba(0,0,0,.24) !important;
}

body.retro-forum .gallery-manager-modal .gm-album-card:hover .gm-album-open-pill{
  opacity:1 !important;
  transform:translateY(0) !important;
}

body.retro-forum .gallery-manager-modal .gm-album-card:hover .gm-album-count{
  opacity:.18 !important;
}

body.retro-forum .gallery-manager-modal .gm-album-actions{
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}

body.retro-forum .gallery-manager-modal .gm-icon-btn--open{
  color:#bfc5ff !important;
}

body.retro-forum .gallery-manager-modal .gm-icon-btn--pick{
  color:#7fd8ff !important;
}

body.retro-forum .gallery-manager-modal .album-drop-zone.drag-over{
  transform:translateY(-4px) scale(1.015) !important;
  outline:2px solid rgba(78,222,163,.78) !important;
  outline-offset:5px !important;
}

body.retro-forum .gallery-album-view-modal{
  width:min(1120px, calc(100vw - 28px)) !important;
  max-width:min(1120px, calc(100vw - 28px)) !important;
  max-height:calc(100dvh - 30px) !important;
  overflow:auto !important;
  border:0 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#1e202a,#11131b) !important;
  color:#f4f5ff !important;
  box-shadow:0 34px 90px rgba(0,0,0,.56) !important;
}

body.retro-forum .gallery-album-view-modal .gm-album-view{
  padding:26px !important;
}

body.retro-forum .gallery-album-view-modal .gm-album-view__head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:0 0 20px !important;
  border-bottom:1px solid rgba(145,143,161,.18) !important;
  margin:0 0 18px !important;
}

body.retro-forum .gallery-album-view-modal .gm-album-view__title{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
}

body.retro-forum .gallery-album-view-modal .gm-album-view__icon{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  border-radius:16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,rgba(195,192,255,.18),rgba(127,216,255,.14)) !important;
  border:1px solid rgba(195,192,255,.22) !important;
  color:#c3c0ff !important;
}

body.retro-forum .gallery-album-view-modal .gm-album-view__icon svg{
  width:32px !important;
  height:32px !important;
  fill:currentColor !important;
}

body.retro-forum .gallery-album-view-modal .gm-album-view__title h2{
  margin:0 !important;
  color:#fff !important;
  font:950 30px/1.05 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-album-view-modal .gm-album-view__title p{
  margin:6px 0 0 !important;
  color:#c7c4d8 !important;
  font:800 13px/1.35 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-album-view-modal .gm-album-view__actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}

body.retro-forum .gallery-album-view-modal .gm-album-view__hint{
  margin:0 0 18px !important;
  padding:12px 14px !important;
  border:1px solid rgba(78,222,163,.18) !important;
  border-radius:14px !important;
  background:rgba(78,222,163,.07) !important;
  color:#7cf2bf !important;
  font:850 12px/1.35 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-album-view-modal .gm-grid--album-view{
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr)) !important;
}

body.retro-forum .gallery-album-view-modal .gm-head-btn input{
  display:none !important;
}

body.retro-forum .gallery-manager-modal .gm-section--personal{
  position:relative !important;
}

body.retro-forum .gallery-manager-modal .gm-section--general{
  margin-top:42px !important;
  padding:26px !important;
  border:1px solid rgba(127,216,255,.18) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 12% 0%,rgba(127,216,255,.14),transparent 34%),
    linear-gradient(180deg,rgba(18,31,48,.72),rgba(14,16,25,.62)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 24px 56px rgba(0,0,0,.22) !important;
}

body.retro-forum .gallery-manager-modal .gm-section--general .gm-section-title svg{
  fill:#7fd8ff !important;
}

body.retro-forum .gallery-manager-modal .gm-section--general .gm-section-head p{
  color:#9ddcff !important;
}

body.retro-forum .gallery-manager-modal .gm-general-summary{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 0 18px !important;
}

body.retro-forum .gallery-manager-modal .gm-general-summary span{
  min-height:58px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:12px 14px !important;
  border:1px solid rgba(127,216,255,.20) !important;
  border-radius:14px !important;
  background:rgba(12,18,30,.52) !important;
  color:#cfefff !important;
  font:900 11px/1 Inter,system-ui,sans-serif !important;
  text-transform:uppercase !important;
}

body.retro-forum .gallery-manager-modal .gm-general-summary strong{
  display:block !important;
  margin:0 0 6px !important;
  color:#7fd8ff !important;
  font:950 24px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-manager-modal .gm-grid--general{
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr)) !important;
}

body.retro-forum .gallery-manager-modal .gm-item--readonly .gm-item-preview{
  cursor:zoom-in !important;
  border-color:rgba(127,216,255,.22) !important;
}

body.retro-forum .gallery-manager-modal .gm-item--readonly .gm-item-preview::after{
  background:linear-gradient(180deg,transparent,rgba(2,8,18,.48)) !important;
  opacity:.28 !important;
}

body.retro-forum .gallery-manager-modal .gm-item--readonly:hover .gm-item-preview::after{
  opacity:.58 !important;
}

body.retro-forum .gallery-manager-modal .gm-readonly-pill{
  position:absolute !important;
  right:8px !important;
  top:8px !important;
  z-index:3 !important;
  padding:6px 8px !important;
  border-radius:8px !important;
  background:rgba(127,216,255,.16) !important;
  border:1px solid rgba(127,216,255,.28) !important;
  color:#d9f5ff !important;
  font:950 10px/1 Inter,system-ui,sans-serif !important;
}

@media (max-width:720px){
  body.retro-forum .gallery-album-view-modal{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    border-radius:18px !important;
  }
  body.retro-forum .gallery-album-view-modal .gm-album-view{
    padding:16px !important;
  }
  body.retro-forum .gallery-album-view-modal .gm-album-view__head{
    flex-direction:column !important;
  }
  body.retro-forum .gallery-album-view-modal .gm-album-view__actions,
  body.retro-forum .gallery-album-view-modal .gm-head-btn{
    width:100% !important;
  }
  body.retro-forum .gallery-manager-modal .gm-section--general{
    padding:16px !important;
    margin-top:28px !important;
  }
  body.retro-forum .gallery-manager-modal .gm-general-summary{
    grid-template-columns:1fr !important;
  }
}

/* TRUE FINAL - El boton de tres puntos edita solo el perfil del Messenger. */
body.retro-forum .msn-messenger-profile-modal{
  width:min(440px, calc(100vw - 28px)) !important;
  overflow:hidden !important;
  border:1px solid rgba(167,190,255,.24) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(127,216,255,.16), transparent 32%),
    linear-gradient(180deg, rgba(30,35,50,.98), rgba(16,20,31,.98)) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.retro-forum .msn-messenger-profile-body{
  display:grid !important;
  gap:12px !important;
  padding:16px !important;
}

body.retro-forum .msn-messenger-profile-card{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px !important;
  border:1px solid rgba(178,166,255,.20) !important;
  border-radius:16px !important;
  background:rgba(10,14,24,.58) !important;
}

body.retro-forum .msn-messenger-profile-avatar{
  width:58px !important;
  height:58px !important;
  border-radius:16px !important;
  object-fit:cover !important;
  border:1px solid rgba(127,216,255,.38) !important;
  box-shadow:0 0 0 3px rgba(127,216,255,.08) !important;
}

body.retro-forum .msn-messenger-profile-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}

body.retro-forum .msn-messenger-profile-copy strong{
  color:#ffffff !important;
  font:950 16px/1.1 Inter,system-ui,sans-serif !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.retro-forum .msn-messenger-profile-copy span{
  color:#9fd8ff !important;
  font:850 12px/1.15 Inter,system-ui,sans-serif !important;
}

body.retro-forum .msn-messenger-profile-copy small,
body.retro-forum .msn-messenger-profile-modal .msn-modern-help{
  color:#aeb9d7 !important;
  font:800 11px/1.35 Inter,system-ui,sans-serif !important;
}

body.retro-forum .msn-messenger-profile-textarea{
  min-height:96px !important;
  resize:vertical !important;
}

@media (max-width:560px){
  body.retro-forum .msn-messenger-profile-modal{
    width:calc(100vw - 12px) !important;
    border-radius:16px !important;
  }

  body.retro-forum .msn-messenger-profile-body{
    padding:14px !important;
  }
}

/* TRUE FINAL - Configurar Messenger usa la tematica clara de Marketplace. */
body.retro-forum .msn-messenger-profile-modal{
  width:min(620px, calc(100vw - 24px)) !important;
  max-height:min(760px, calc(100dvh - 20px)) !important;
  overflow:hidden !important;
  border:1px solid rgba(106, 188, 221, .7) !important;
  border-right:5px solid rgba(49, 164, 207, .86) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, #dff5fb 0%, #c8e3ec 46%, #b9d9e4 100%) !important;
  color:#123248 !important;
  box-shadow:0 30px 90px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-head{
  padding:24px 28px 22px !important;
  border-bottom:1px solid rgba(79, 151, 177, .18) !important;
  background:linear-gradient(180deg, rgba(239, 252, 255, .94), rgba(218, 241, 248, .88)) !important;
  color:#123248 !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-kicker{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  padding:4px 10px !important;
  border:1px solid rgba(64, 157, 194, .42) !important;
  border-radius:999px !important;
  color:#197da5 !important;
  background:rgba(255,255,255,.54) !important;
  font:900 11px/1 Inter,system-ui,sans-serif !important;
  text-transform:uppercase !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-title{
  margin-top:8px !important;
  color:#123248 !important;
  -webkit-text-fill-color:#123248 !important;
  font:950 28px/1.05 Inter,system-ui,sans-serif !important;
  letter-spacing:0 !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-close{
  width:42px !important;
  height:42px !important;
  border:1px solid rgba(83, 134, 158, .26) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.68) !important;
  color:#2c5971 !important;
  -webkit-text-fill-color:#2c5971 !important;
  box-shadow:0 10px 24px rgba(27,72,92,.16) !important;
  font:900 18px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-close:hover{
  background:#ffffff !important;
  transform:translateY(-1px) !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-messenger-profile-body{
  gap:14px !important;
  padding:22px 28px 18px !important;
  overflow-y:auto !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-messenger-profile-card{
  grid-template-columns:64px minmax(0,1fr) !important;
  padding:12px !important;
  border:1px solid rgba(73, 136, 162, .24) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-messenger-profile-avatar{
  width:64px !important;
  height:64px !important;
  border-radius:18px !important;
  border:2px solid rgba(49, 164, 207, .56) !important;
  box-shadow:0 0 0 4px rgba(255,255,255,.55) !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-messenger-profile-copy strong{
  color:#123248 !important;
  -webkit-text-fill-color:#123248 !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-messenger-profile-copy span{
  color:#197da5 !important;
  -webkit-text-fill-color:#197da5 !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-messenger-profile-copy small,
body.retro-forum .msn-messenger-profile-modal .msn-modern-help{
  color:#365d70 !important;
  -webkit-text-fill-color:#365d70 !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-label{
  margin-top:2px !important;
  color:#173f56 !important;
  -webkit-text-fill-color:#173f56 !important;
  font:950 12px/1.1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-input{
  min-height:44px !important;
  border:1px solid rgba(68, 133, 158, .22) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.72) !important;
  color:#18384b !important;
  -webkit-text-fill-color:#18384b !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}

body.retro-forum .msn-messenger-profile-modal textarea.msn-modern-input{
  min-height:116px !important;
  resize:vertical !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-input:focus{
  border-color:rgba(39, 153, 196, .72) !important;
  box-shadow:0 0 0 3px rgba(39, 153, 196, .16), inset 0 1px 0 rgba(255,255,255,.9) !important;
  outline:0 !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-actions{
  padding:18px 28px 24px !important;
  border-top:1px solid rgba(79, 151, 177, .16) !important;
  background:rgba(226, 245, 250, .72) !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-btn{
  min-height:42px !important;
  border-radius:999px !important;
  padding:0 18px !important;
  font:950 12px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-btn.secondary{
  border:0 !important;
  background:#eef8fb !important;
  color:#244c62 !important;
  -webkit-text-fill-color:#244c62 !important;
  box-shadow:0 8px 18px rgba(43, 93, 113, .12) !important;
}

body.retro-forum .msn-messenger-profile-modal .msn-modern-btn.primary{
  border:0 !important;
  background:linear-gradient(180deg, #2ee3f0, #19bfd4) !important;
  color:#063344 !important;
  -webkit-text-fill-color:#063344 !important;
  box-shadow:0 10px 22px rgba(26, 166, 190, .26) !important;
}

@media (max-width:560px){
  body.retro-forum .msn-messenger-profile-modal{
    width:calc(100vw - 12px) !important;
    border-radius:18px !important;
  }
  body.retro-forum .msn-messenger-profile-modal .msn-modern-head,
  body.retro-forum .msn-messenger-profile-modal .msn-messenger-profile-body,
  body.retro-forum .msn-messenger-profile-modal .msn-modern-actions{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

/* TRUE FINAL - Cabecera del Messenger unificada entre escritorio y movil. */
body.retro-forum #msn-panel .msn-self{
  display:grid !important;
  grid-template-columns:46px minmax(0, 1fr) 42px !important;
  grid-template-areas:"avatar copy edit" !important;
  align-items:center !important;
  gap:10px !important;
  min-height:70px !important;
  padding:10px !important;
  border-radius:14px !important;
  border:1px solid rgba(143,199,255,.24) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(127,216,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(22,29,43,.96), rgba(15,19,30,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 28px rgba(0,0,0,.18) !important;
  overflow:visible !important;
}

body.retro-forum #msn-panel .msn-mobile-close{
  display:none !important;
}

body.retro-forum #msn-panel .msn-self-avatar{
  grid-area:avatar !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:13px !important;
  object-fit:cover !important;
}

body.retro-forum #msn-panel .msn-self-copy{
  grid-area:copy !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  overflow:hidden !important;
}

body.retro-forum #msn-panel .msn-self-topline{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-width:0 !important;
  width:100% !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-self-name{
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font:950 15px/1.05 Inter,system-ui,sans-serif !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-status-picker{
  flex:0 0 auto !important;
  width:24px !important;
  min-width:24px !important;
  max-width:24px !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 !important;
  overflow:visible !important;
  z-index:90 !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-status-toggle{
  width:24px !important;
  min-width:24px !important;
  max-width:24px !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-status-toggle:hover,
body.retro-forum #msn-panel .msn-self-topline .msn-status-picker.open .msn-status-toggle{
  transform:translateY(-1px) scale(1.06) !important;
  background:rgba(195,192,255,.10) !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-status-label,
body.retro-forum #msn-panel .msn-self-topline .msn-status-arrow{
  display:none !important;
}

body.retro-forum #msn-panel .msn-self-topline .msn-self-status-dot{
  width:12px !important;
  height:12px !important;
  min-width:12px !important;
  margin:0 !important;
  border:2px solid rgba(13,16,25,.96) !important;
  box-shadow:0 0 0 3px rgba(78,222,163,.18), 0 0 12px rgba(78,222,163,.36) !important;
}

body.retro-forum #msn-panel .msn-self-description{
  width:100% !important;
  min-width:0 !important;
  color:rgba(231,238,255,.82) !important;
  -webkit-text-fill-color:rgba(231,238,255,.82) !important;
  font:800 12px/1.2 Inter,system-ui,sans-serif !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.retro-forum #msn-panel .msn-edit-profile{
  grid-area:edit !important;
  justify-self:end !important;
  align-self:center !important;
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:38px !important;
  min-height:38px !important;
}

body.retro-forum #msn-panel .msn-status-menu{
  left:auto !important;
  right:0 !important;
  top:calc(100% + 8px) !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum.messenger-open #msn-panel .msn-self,
  body.retro-forum.chat-open #msn-panel .msn-self{
    grid-template-columns:42px 46px minmax(0, 1fr) 42px !important;
    grid-template-areas:"back avatar copy edit" !important;
    min-height:68px !important;
    gap:8px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close{
    grid-area:back !important;
    display:inline-flex !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-avatar,
  body.retro-forum.chat-open #msn-panel .msn-self-avatar{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }
}

/* TRUE FINAL - Personal wall composer does not use categories or hashtags. */
body.retro-forum #new-post-form.new-post-form--personal .np-category-row,
body.retro-forum #page-user-wall #new-post-form .np-category-row,
body.retro-forum #user-wall-post-form + #new-post-form .np-category-row{
  display:none !important;
}

/* TRUE FINAL - Muro personal: Fotos, Videos, Album, Etiquetas. */
body.retro-forum .uwx-gallery-tabs{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}

body.retro-forum .uwx-gallery-grid--albums{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

body.retro-forum .uwx-gallery-album-tile{
  min-width:0 !important;
  min-height:184px !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  border:1px solid rgba(195,192,255,.20) !important;
  border-radius:12px !important;
  background:rgba(20,23,35,.82) !important;
  color:#f5f4ff !important;
  text-align:left !important;
  cursor:pointer !important;
  overflow:hidden !important;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

body.retro-forum .uwx-gallery-album-tile:hover,
body.retro-forum .uwx-gallery-album-tile:focus-visible{
  transform:translateY(-2px) !important;
  border-color:rgba(195,192,255,.45) !important;
  background:rgba(25,30,45,.94) !important;
  box-shadow:0 16px 30px rgba(0,0,0,.24), 0 0 0 3px rgba(195,192,255,.07) !important;
}

body.retro-forum .uwx-gallery-album-cover{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:1.25/1 !important;
  overflow:hidden !important;
  background:linear-gradient(135deg, rgba(127,216,255,.16), rgba(195,192,255,.08)) !important;
}

body.retro-forum .uwx-gallery-album-cover img,
body.retro-forum .uwx-gallery-album-cover video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

body.retro-forum .uwx-gallery-album-cover i{
  position:absolute !important;
  right:9px !important;
  top:9px !important;
  width:28px !important;
  height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9px !important;
  background:rgba(9,12,21,.74) !important;
  color:#c3c0ff !important;
}

body.retro-forum .uwx-gallery-album-cover i svg{
  width:16px !important;
  height:16px !important;
  fill:currentColor !important;
}

body.retro-forum .uwx-gallery-album-empty{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#c3c0ff !important;
}

body.retro-forum .uwx-gallery-album-empty svg{
  width:42px !important;
  height:42px !important;
  fill:currentColor !important;
  opacity:.82 !important;
}

body.retro-forum .uwx-gallery-album-copy{
  min-width:0 !important;
  padding:0 12px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
}

body.retro-forum .uwx-gallery-album-copy strong{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#ffffff !important;
  font:950 13px/1.1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .uwx-gallery-album-copy small{
  color:#aeb9d7 !important;
  font:850 11px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .uwx-gallery-album-bar{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:14px 16px 0 !important;
}

body.retro-forum .uwx-gallery-album-bar button{
  min-height:30px !important;
  padding:0 12px !important;
  border:1px solid rgba(195,192,255,.25) !important;
  border-radius:999px !important;
  background:rgba(195,192,255,.10) !important;
  color:#f4f2ff !important;
  font:900 11px/1 Inter,system-ui,sans-serif !important;
  cursor:pointer !important;
}

body.retro-forum .uwx-gallery-album-bar strong{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#fff !important;
  font:950 14px/1 Inter,system-ui,sans-serif !important;
}

@media (max-width:560px){
  body.retro-forum .uwx-gallery-tabs button{
    gap:5px !important;
    font-size:11px !important;
  }
  body.retro-forum .uwx-gallery-pagination{
    justify-content:center !important;
    gap:6px !important;
    padding:0 10px 10px !important;
    overflow-x:auto !important;
  }
  body.retro-forum .uwx-gallery-grid--albums{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* TRUE FINAL - Administrar galeria: Archivos del muro personal igual que Muro General. */
body.retro-forum .gallery-manager-modal #gm-items-section{
  padding:22px !important;
  border:1px solid rgba(127,216,255,.22) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(127,216,255,.10), transparent 36%),
    linear-gradient(180deg, rgba(16,37,57,.88), rgba(12,18,30,.88)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

body.retro-forum .gallery-manager-modal #gm-items-section .gm-section-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

body.retro-forum .gallery-manager-modal #gm-items-section .gm-section-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:0 0 auto !important;
}

body.retro-forum .gallery-manager-modal #gm-items-section .gm-head-btn,
body.retro-forum .gallery-manager-modal #gm-items-section .gm-section-select{
  min-height:42px !important;
  border-radius:10px !important;
}

body.retro-forum .gallery-manager-modal #gm-items-section .gm-section-select{
  min-width:170px !important;
  padding:0 36px 0 12px !important;
  border:1px solid rgba(127,216,255,.22) !important;
  background:#0b0f19 !important;
  color:#ffffff !important;
  font:900 12px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gallery-manager-modal #gm-items-section .gm-grid--personal{
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr)) !important;
  padding:0 !important;
  margin-top:0 !important;
}

body.retro-forum .gallery-manager-modal #gm-items-section .gm-empty{
  grid-column:1/-1 !important;
  min-height:110px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px dashed rgba(127,216,255,.18) !important;
  border-radius:14px !important;
  background:rgba(12,18,30,.36) !important;
}

@media (max-width:720px){
  body.retro-forum .gallery-manager-modal #gm-items-section{
    padding:16px !important;
  }
  body.retro-forum .gallery-manager-modal #gm-items-section .gm-section-head{
    flex-direction:column !important;
  }
  body.retro-forum .gallery-manager-modal #gm-items-section .gm-section-actions{
    width:100% !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  body.retro-forum .gallery-manager-modal #gm-items-section .gm-head-btn,
  body.retro-forum .gallery-manager-modal #gm-items-section .gm-section-select{
    width:100% !important;
  }
}

/* TRUE FINAL - Galeria: acciones de album dentro del menu contextual. */
body.retro-forum .gallery-manager-modal .gm-album-context-hint{
  margin:9px 0 0 !important;
  color:#9fa8c8 !important;
  font:850 11px/1.15 Inter,system-ui,sans-serif !important;
  text-align:center !important;
  opacity:.72 !important;
}

body.retro-forum .gm-album-context-menu{
  position:fixed !important;
  z-index:99999 !important;
  width:min(286px, calc(100vw - 16px)) !important;
  padding:10px !important;
  border:1px solid rgba(195,192,255,.28) !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(127,216,255,.14), transparent 36%),
    linear-gradient(180deg, rgba(30,35,50,.98), rgba(17,20,31,.98)) !important;
  color:#f5f4ff !important;
  box-shadow:0 22px 60px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.07) !important;
  animation:gmAlbumMenuIn .14s ease both !important;
}

body.retro-forum .gm-album-menu-head{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  padding:6px 6px 10px !important;
}

body.retro-forum .gm-album-menu-head > span{
  width:38px !important;
  height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  background:rgba(195,192,255,.12) !important;
  color:#c3c0ff !important;
}

body.retro-forum .gm-album-menu-head svg{
  width:20px !important;
  height:20px !important;
  fill:currentColor !important;
}

body.retro-forum .gm-album-menu-head strong{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#ffffff !important;
  font:950 14px/1.1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gm-album-menu-head small{
  display:block !important;
  margin-top:3px !important;
  color:#aeb9d7 !important;
  font:800 11px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .gm-album-menu-label{
  display:block !important;
  margin:3px 6px 6px !important;
  color:#8feaff !important;
  font:900 10px/1 Inter,system-ui,sans-serif !important;
  text-transform:uppercase !important;
}

body.retro-forum .gm-album-menu-input{
  width:100% !important;
  height:40px !important;
  margin:0 0 10px !important;
  padding:0 12px !important;
  border:1px solid rgba(195,192,255,.24) !important;
  border-radius:10px !important;
  background:#0b0f19 !important;
  color:#ffffff !important;
  font:850 13px/1 Inter,system-ui,sans-serif !important;
  outline:none !important;
}

body.retro-forum .gm-album-menu-input:focus{
  border-color:#c3c0ff !important;
  box-shadow:0 0 0 3px rgba(195,192,255,.14) !important;
}

body.retro-forum .gm-album-menu-actions{
  display:grid !important;
  gap:6px !important;
}

body.retro-forum .gm-album-menu-actions button,
body.retro-forum .gm-album-menu-actions label{
  width:100% !important;
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 10px !important;
  border:1px solid rgba(145,143,161,.18) !important;
  border-radius:10px !important;
  background:rgba(36,39,49,.88) !important;
  color:#eef0ff !important;
  font:900 12px/1 Inter,system-ui,sans-serif !important;
  cursor:pointer !important;
  text-align:left !important;
  transition:transform .14s ease, background-color .14s ease, border-color .14s ease !important;
}

body.retro-forum .gm-album-menu-actions label input{
  display:none !important;
}

body.retro-forum .gm-album-menu-actions button:hover,
body.retro-forum .gm-album-menu-actions label:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(195,192,255,.42) !important;
  background:rgba(48,52,68,.94) !important;
}

body.retro-forum .gm-album-menu-actions svg{
  width:17px !important;
  height:17px !important;
  fill:currentColor !important;
  flex:0 0 auto !important;
}

body.retro-forum .gm-album-menu-actions .gm-album-menu-save{
  color:#6ffbbe !important;
}

body.retro-forum .gm-album-menu-actions .danger{
  color:#ff8ea1 !important;
}

body.retro-forum .gm-album-menu-actions button:disabled{
  opacity:.4 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

@keyframes gmAlbumMenuIn{
  from{opacity:0; transform:translateY(6px) scale(.98);}
  to{opacity:1; transform:translateY(0) scale(1);}
}

/* TRUE FINAL - Perfil compacto sin paneles de progreso. */
body.retro-forum #profile-card .profile-cover-new{
  height:112px !important;
  min-height:112px !important;
}

body.retro-forum #profile-card .profile-cover-new::after{
  height:56px !important;
}

body.retro-forum #profile-card .profile-avatar-area{
  grid-template-columns:96px minmax(0, 1fr) !important;
  gap:18px !important;
  margin-top:-44px !important;
  padding:0 26px 16px !important;
  align-items:end !important;
}

body.retro-forum #profile-card .profile-av-wrap,
body.retro-forum #profile-card .profile-av-img{
  width:96px !important;
  height:96px !important;
  border-radius:24px !important;
}

body.retro-forum #profile-card .profile-av-edit-btn{
  right:-8px !important;
  bottom:8px !important;
}

body.retro-forum #profile-card .profile-info-area{
  min-height:0 !important;
  padding:0 !important;
}

body.retro-forum #profile-card .profile-display-name{
  margin:0 0 7px !important;
  font-size:30px !important;
  line-height:1.02 !important;
}

body.retro-forum #profile-card .profile-username-tag{
  margin:0 !important;
}

body.retro-forum #profile-card .profile-desc-text{
  max-width:640px !important;
  min-height:0 !important;
  margin:10px 0 8px !important;
  padding:10px 13px !important;
}

body.retro-forum #profile-card .profile-since{
  display:inline-flex !important;
  margin:0 12px 0 0 !important;
  line-height:1.2 !important;
}

body.retro-forum #profile-card .profile-stats{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  padding:14px 26px !important;
}

body.retro-forum #profile-card .profile-stat{
  min-height:74px !important;
  padding:12px 10px !important;
}

body.retro-forum #profile-card .profile-stat-num{
  font-size:25px !important;
  line-height:1 !important;
}

body.retro-forum #profile-card .profile-friends.profile-friends--bar{
  width:calc(100% - 52px) !important;
  min-height:70px !important;
  margin:0 26px 22px !important;
  padding:14px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  border:1px solid rgba(195, 192, 255, .16) !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 0 0, rgba(127, 216, 255, .08), transparent 34%),
    rgba(17, 20, 30, .78) !important;
  color:#f7f7ff !important;
  cursor:pointer !important;
  text-align:left !important;
  appearance:none !important;
  font:inherit !important;
  transition:transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease !important;
}

body.retro-forum #profile-card .profile-friends.profile-friends--bar:hover,
body.retro-forum #profile-card .profile-friends.profile-friends--bar:focus-visible{
  transform:translateY(-2px) !important;
  border-color:rgba(76, 215, 246, .38) !important;
  background-color:rgba(26, 32, 46, .9) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.22), 0 0 0 3px rgba(76, 215, 246, .08) !important;
  outline:none !important;
}

body.retro-forum #profile-card .profile-friends-bar-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  column-gap:10px !important;
  row-gap:6px !important;
  text-align:left !important;
  overflow:hidden !important;
}

body.retro-forum #profile-card .profile-friends-left{
  flex:1 1 260px !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  overflow:hidden !important;
}

body.retro-forum #profile-card .profile-friends-icon{
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(127, 216, 255, .24) !important;
  border-radius:13px !important;
  background:
    radial-gradient(circle at 30% 25%, rgba(127, 216, 255, .34), transparent 42%),
    linear-gradient(145deg, rgba(30, 52, 76, .98), rgba(16, 22, 34, .98)) !important;
  color:#8feaff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.2) !important;
  transition:transform .16s ease, color .16s ease, border-color .16s ease !important;
}

body.retro-forum #profile-card .profile-friends-icon svg{
  width:22px !important;
  height:22px !important;
  fill:currentColor !important;
}

body.retro-forum #profile-card .profile-friends.profile-friends--bar:hover .profile-friends-icon,
body.retro-forum #profile-card .profile-friends.profile-friends--bar:focus-visible .profile-friends-icon{
  transform:scale(1.06) rotate(-2deg) !important;
  border-color:rgba(143, 234, 255, .46) !important;
  color:#ffffff !important;
}

body.retro-forum #profile-card .profile-friends-title{
  flex:0 1 auto !important;
  color:#f7f7ff !important;
  font-size:13px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.retro-forum #profile-card .profile-friends-count{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:22px !important;
  padding:0 8px !important;
  border:1px solid rgba(143, 234, 255, .18) !important;
  border-radius:999px !important;
  background:rgba(143, 234, 255, .1) !important;
  color:rgba(229, 226, 255, .68) !important;
  font-size:11px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

body.retro-forum #profile-card .profile-friends-open{
  flex:0 0 auto !important;
  margin-left:auto !important;
  padding:9px 13px !important;
  border-radius:999px !important;
  background:rgba(195, 192, 255, .12) !important;
  color:#ffffff !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  transition:background-color .16s ease, transform .16s ease !important;
}

body.retro-forum #profile-card .profile-friends-open-icon{
  width:18px !important;
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#8feaff !important;
}

body.retro-forum #profile-card .profile-friends-open-icon svg{
  width:16px !important;
  height:16px !important;
}

body.retro-forum #profile-card .profile-friends.profile-friends--bar:hover .profile-friends-open,
body.retro-forum #profile-card .profile-friends.profile-friends--bar:focus-visible .profile-friends-open{
  transform:translateX(2px) !important;
  background:rgba(143, 234, 255, .16) !important;
}

body.retro-forum #profile-card .profile-friends-grid{
  display:none !important;
}

@media (max-width:720px){
  body.retro-forum #profile-card .profile-cover-new{
    height:96px !important;
    min-height:96px !important;
  }

  body.retro-forum #profile-card .profile-avatar-area{
    grid-template-columns:78px minmax(0, 1fr) !important;
    gap:14px !important;
    margin-top:-34px !important;
    padding:0 14px 14px !important;
  }

  body.retro-forum #profile-card .profile-av-wrap,
  body.retro-forum #profile-card .profile-av-img{
    width:78px !important;
    height:78px !important;
    border-radius:20px !important;
  }

  body.retro-forum #profile-card .profile-display-name{
    font-size:24px !important;
  }

  body.retro-forum #profile-card .profile-desc-text{
    margin:8px 0 6px !important;
    padding:9px 11px !important;
  }

  body.retro-forum #profile-card .profile-stats{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    padding:12px 14px !important;
  }

  body.retro-forum #profile-card .profile-stat{
    min-height:64px !important;
  }

  body.retro-forum #profile-card .profile-friends.profile-friends--bar{
    width:calc(100% - 28px) !important;
    min-height:62px !important;
    margin:0 14px 16px !important;
    padding:12px !important;
    gap:10px !important;
  }

  body.retro-forum #profile-card .profile-friends-icon{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
  }

  body.retro-forum #profile-card .profile-friends-bar-copy{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:5px !important;
  }

  body.retro-forum #profile-card .profile-friends-open{
    padding:8px 10px !important;
  }

  body.retro-forum #profile-card .profile-friends-open > span:first-child{
    display:none !important;
  }
}

/* TRUE FINAL - El selector de estados no se recorta en la cabecera del chat. */
body.retro-forum #chat-col,
body.retro-forum .chat-col,
body.retro-forum #msn-panel,
body.retro-forum #msn-panel .msn-self,
body.retro-forum #msn-panel .msn-self-copy,
body.retro-forum #msn-panel .msn-self-topline{
  overflow:visible !important;
}

body.retro-forum #msn-panel .msn-self{
  z-index:120 !important;
}

body.retro-forum #msn-panel .msn-status-picker{
  position:relative !important;
  overflow:visible !important;
  z-index:130 !important;
}

body.retro-forum #msn-panel .msn-status-picker.open{
  z-index:240 !important;
}

body.retro-forum #msn-panel .msn-status-menu{
  top:calc(100% + 8px) !important;
  left:0 !important;
  width:max-content !important;
  min-width:184px !important;
  max-width:min(220px, calc(100vw - 24px)) !important;
  z-index:260 !important;
}

body.retro-forum #msn-chat-compose,
body.retro-forum #msn-chat-compose .msn-compose-tools,
body.retro-forum #msn-chat-compose .msn-audio-device-picker{
  overflow:visible !important;
}

/* TRUE FINAL - El preview de foto/video ocupa el ancho de la barra de escritura. */
body.retro-forum #msn-chat-compose.msn-chat-compose{
  grid-template-areas:
    "tools tools"
    "preview preview"
    "input send"
    "progress progress"
    "emoji emoji"
    "sticker sticker" !important;
}

body.retro-forum #msn-chat-compose #msn-media-preview{
  grid-area:preview !important;
  align-self:stretch !important;
  justify-self:stretch !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

body.retro-forum #msn-chat-compose #msn-media-preview:not([hidden]){
  grid-template-columns:76px minmax(0, 1fr) auto !important;
  padding:7px !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__frame{
  width:76px !important;
  height:58px !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__actions{
  flex-direction:row !important;
}

body.retro-forum #msn-chat-compose .msn-media-preview__actions button{
  min-width:62px !important;
  height:30px !important;
}

/* TRUE FINAL - Zoom 100% a 400% en el visor de imagenes del chat. */
body.retro-forum .dm-media-lightbox.is-zoomable{
  overflow:hidden !important;
  touch-action:none !important;
}

body.retro-forum .dm-media-lightbox.is-zoomable img.lightbox-media{
  transform-origin:center center !important;
  will-change:transform !important;
  cursor:zoom-in !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
}

body.retro-forum .dm-media-lightbox.is-zoomable img.lightbox-media.is-zoomed{
  cursor:grab !important;
}

body.retro-forum .dm-media-lightbox.is-zoomable img.lightbox-media.is-dragging{
  cursor:grabbing !important;
}

body.retro-forum .dm-media-zoom-controls{
  position:fixed !important;
  left:50% !important;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  transform:translateX(-50%) !important;
  z-index:100005 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:6px !important;
  border:1px solid rgba(129, 179, 255, .42) !important;
  border-radius:999px !important;
  background:rgba(12, 17, 31, .88) !important;
  box-shadow:0 14px 34px rgba(0, 0, 0, .42) !important;
  backdrop-filter:blur(12px) !important;
}

body.retro-forum .dm-media-zoom-btn,
body.retro-forum .dm-media-zoom-reset{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:34px !important;
  min-width:34px !important;
  border:1px solid rgba(161, 188, 255, .34) !important;
  border-radius:999px !important;
  background:rgba(35, 45, 72, .92) !important;
  color:#eef4ff !important;
  font-weight:900 !important;
  line-height:1 !important;
  cursor:pointer !important;
}

body.retro-forum .dm-media-zoom-reset{
  min-width:52px !important;
  padding:0 12px !important;
  font-size:11px !important;
}

body.retro-forum .dm-media-zoom-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:54px !important;
  height:34px !important;
  padding:0 8px !important;
  color:#dbe8ff !important;
  font-size:12px !important;
  font-weight:900 !important;
}

@media (max-width:520px){
  body.retro-forum .dm-media-zoom-controls{
    bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.retro-forum .dm-media-zoom-btn,
  body.retro-forum .dm-media-zoom-reset,
  body.retro-forum .dm-media-zoom-label{
    height:32px !important;
  }
}

/* TRUE FINAL - Messenger abre tambien en formato tablet desde el boton superior. */
@media (max-width:1180px){
  body.retro-forum.messenger-open{
    overflow:hidden !important;
  }

  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.messenger-open .chat-col{
    position:fixed !important;
    inset:0 !important;
    display:flex !important;
    width:100vw !important;
    min-width:0 !important;
    max-width:none !important;
    height:100dvh !important;
    max-height:100dvh !important;
    padding:0 !important;
    border:0 !important;
    z-index:9990 !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-open .chat-col .msn-panel,
  body.retro-forum.messenger-open .chat-col .msn-chat-shell{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    border-radius:0 !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self{
    grid-template-columns:42px 46px minmax(0, 1fr) 42px !important;
    grid-template-areas:"back avatar copy edit" !important;
    min-height:68px !important;
    gap:8px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close{
    grid-area:back !important;
    display:inline-flex !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-avatar{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }
}

/* TRUE FINAL - En tablet Messenger abre como panel lateral, igual que escritorio. */
@media (min-width:901px) and (max-width:1180px){
  body.retro-forum.messenger-open{
    overflow:auto !important;
  }

  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.messenger-open .chat-col{
    position:fixed !important;
    top:var(--fm-header, 64px) !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    display:flex !important;
    width:clamp(320px, 34vw, 390px) !important;
    min-width:320px !important;
    max-width:390px !important;
    height:calc(100dvh - var(--fm-header, 64px)) !important;
    max-height:calc(100dvh - var(--fm-header, 64px)) !important;
    padding:0 !important;
    border-left:1px solid rgba(139, 165, 214, .28) !important;
    border-radius:0 !important;
    z-index:1200 !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self{
    grid-template-columns:46px minmax(0, 1fr) 42px !important;
    grid-template-areas:"avatar copy edit" !important;
    min-height:70px !important;
    gap:10px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close{
    display:none !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-avatar{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
  }
}

/* TRUE FINAL - Burbuja de seccion en el menu lateral compacto. */
body.retro-forum #mobile-hud-drawer,
body.retro-forum .mobile-hud-drawer,
body.retro-forum .mobile-hud-drawer__group{
  overflow:visible !important;
}

body.retro-forum .mobile-hud-drawer__action[data-hud-tooltip]{
  position:relative !important;
}

body.retro-forum .mobile-hud-drawer__action[data-hud-tooltip]::before{
  content:"" !important;
  position:absolute !important;
  left:calc(100% + 4px) !important;
  top:50% !important;
  transform:translateY(-50%) scale(.9) !important;
  width:0 !important;
  height:0 !important;
  border-top:7px solid transparent !important;
  border-bottom:7px solid transparent !important;
  border-right:8px solid rgba(21, 29, 49, .96) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:10020 !important;
  transition:opacity .14s ease, transform .14s ease !important;
}

body.retro-forum .mobile-hud-drawer__action[data-hud-tooltip]::after{
  content:attr(data-hud-tooltip) !important;
  position:absolute !important;
  left:calc(100% + 12px) !important;
  top:50% !important;
  transform:translateY(-50%) translateX(-4px) scale(.96) !important;
  width:max-content !important;
  max-width:min(260px, calc(100vw - 96px)) !important;
  padding:9px 12px !important;
  border:1px solid rgba(127, 177, 255, .38) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(31, 43, 71, .98), rgba(17, 24, 42, .98)) !important;
  color:#f4f8ff !important;
  font:900 12px/1.2 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:normal !important;
  text-align:left !important;
  box-shadow:0 16px 36px rgba(0, 0, 0, .44), 0 0 0 1px rgba(255, 255, 255, .04) inset !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:10021 !important;
  transition:opacity .14s ease, transform .14s ease !important;
}

body.retro-forum .mobile-hud-drawer__action[data-hud-tooltip]:hover::before,
body.retro-forum .mobile-hud-drawer__action[data-hud-tooltip]:focus-visible::before,
body.retro-forum .mobile-hud-drawer__action[data-hud-tooltip].is-tooltip-open::before,
body.retro-forum .mobile-hud-drawer__action[data-hud-tooltip]:hover::after,
body.retro-forum .mobile-hud-drawer__action[data-hud-tooltip]:focus-visible::after,
body.retro-forum .mobile-hud-drawer__action[data-hud-tooltip].is-tooltip-open::after{
  opacity:1 !important;
  transform:translateY(-50%) translateX(0) scale(1) !important;
}

/* TRUE FINAL - El menu compacto se despliega hacia la derecha solo en tablet. */
@media (min-width:761px) and (max-width:1024px){
  body.retro-forum #mobile-hud-drawer{
    width:68px !important;
    max-width:68px !important;
    overflow:visible !important;
    transition:width .2s ease, max-width .2s ease, box-shadow .2s ease !important;
    z-index:1300 !important;
  }

  body.retro-forum #mobile-hud-drawer:hover,
  body.retro-forum #mobile-hud-drawer:focus-within,
  body.retro-forum #mobile-hud-drawer.is-hud-expanded{
    width:min(290px, calc(100vw - 16px)) !important;
    max-width:min(290px, calc(100vw - 16px)) !important;
    box-shadow:16px 0 42px rgba(0, 0, 0, .38), inset -1px 0 0 rgba(127, 177, 255, .24) !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action{
    grid-template-columns:68px minmax(0, 1fr) !important;
    justify-content:start !important;
    justify-items:start !important;
    width:100% !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon{
    justify-self:center !important;
    align-self:center !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__text{
    display:block !important;
    align-self:center !important;
    max-width:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    transform:translateX(-8px) !important;
    transition:opacity .16s ease, transform .16s ease, max-width .18s ease !important;
  }

  body.retro-forum #mobile-hud-drawer:hover .mobile-hud-drawer__text,
  body.retro-forum #mobile-hud-drawer:focus-within .mobile-hud-drawer__text,
  body.retro-forum #mobile-hud-drawer.is-hud-expanded .mobile-hud-drawer__text{
    max-width:190px !important;
    opacity:1 !important;
    transform:translateX(0) !important;
  }

  body.retro-forum #mobile-hud-drawer:hover .mobile-hud-drawer__action[data-hud-tooltip]::before,
  body.retro-forum #mobile-hud-drawer:hover .mobile-hud-drawer__action[data-hud-tooltip]::after,
  body.retro-forum #mobile-hud-drawer:focus-within .mobile-hud-drawer__action[data-hud-tooltip]::before,
  body.retro-forum #mobile-hud-drawer:focus-within .mobile-hud-drawer__action[data-hud-tooltip]::after,
  body.retro-forum #mobile-hud-drawer.is-hud-expanded .mobile-hud-drawer__action[data-hud-tooltip]::before,
  body.retro-forum #mobile-hud-drawer.is-hud-expanded .mobile-hud-drawer__action[data-hud-tooltip]::after{
    display:none !important;
  }
}

/* TRUE FINAL - Sin mancha celeste sobresaliendo en el icono activo. */
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:focus-visible{
  border-left-color:transparent !important;
  box-shadow:none !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active::after{
  display:none !important;
  opacity:0 !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active::before{
  background:rgba(195, 192, 255, .08) !important;
  box-shadow:none !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__icon{
  color:rgba(232, 229, 255, .88) !important;
  border-color:rgba(232, 229, 255, .12) !important;
  background:rgba(255, 255, 255, .035) !important;
  box-shadow:none !important;
  filter:none !important;
}

/* TRUE FINAL - Sin flechita triangular en el menu lateral. */
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-tooltip]::before,
body.retro-forum .mobile-hud-drawer__action[data-hud-tooltip]::before{
  display:none !important;
  content:none !important;
  border:0 !important;
  opacity:0 !important;
}

/* TRUE FINAL - Album modal: cierre claro y orden manual por arrastre. */
body.retro-forum .gallery-album-view-modal .gm-close.gm-close--text{
  width:auto !important;
  min-width:108px !important;
  height:44px !important;
  padding:0 16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:1px solid rgba(195, 192, 255, .32) !important;
  border-radius:14px !important;
  background:rgba(20, 25, 39, .88) !important;
  color:#f2f4ff !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
  box-shadow:0 12px 28px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

body.retro-forum .gallery-album-view-modal .gm-close.gm-close--text svg{
  width:15px !important;
  height:15px !important;
}

body.retro-forum .gallery-album-view-modal .gm-close.gm-close--text:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(127, 216, 255, .54) !important;
  background:rgba(31, 38, 58, .96) !important;
  color:#ffffff !important;
}

body.retro-forum .gallery-album-view-modal .gm-grid--album-view{
  align-items:start !important;
  min-height:190px !important;
}

body.retro-forum .gallery-album-view-modal .gm-item{
  cursor:grab !important;
}

body.retro-forum .gallery-album-view-modal .gm-item:active,
body.retro-forum .gallery-album-view-modal .gm-item.is-dragging{
  cursor:grabbing !important;
}

body.retro-forum .gallery-album-view-modal .gm-item.is-dragging{
  opacity:.72 !important;
  transform:scale(.97) !important;
  outline:2px solid rgba(127, 216, 255, .7) !important;
  outline-offset:3px !important;
}

body.retro-forum .gallery-manager-modal .gm-move-mode{
  margin:0 0 16px !important;
  padding:12px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border:1px solid rgba(78, 222, 163, .28) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg, rgba(78, 222, 163, .12), rgba(127, 216, 255, .08)) !important;
  color:#dfffee !important;
  font:850 13px/1.25 Inter, system-ui, sans-serif !important;
}

body.retro-forum .gallery-manager-modal .gm-move-mode strong{
  color:#ffffff !important;
}

body.retro-forum .gallery-manager-modal .gm-move-mode button{
  min-height:32px !important;
  padding:0 12px !important;
  border:1px solid rgba(255, 255, 255, .16) !important;
  border-radius:10px !important;
  background:rgba(10, 14, 22, .34) !important;
  color:#ffffff !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}

body.retro-forum .gallery-manager-modal .gm-move-target-btn{
  min-height:34px !important;
  padding:0 11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  border:1px solid rgba(78, 222, 163, .38) !important;
  border-radius:9px !important;
  background:rgba(78, 222, 163, .13) !important;
  color:#9cffd0 !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}

body.retro-forum .gallery-manager-modal .gm-move-target-btn svg{
  width:14px !important;
  height:14px !important;
  fill:currentColor !important;
}

body.retro-forum .gallery-manager-modal .gm-move-target-btn:hover{
  transform:translateY(-1px) !important;
  background:rgba(78, 222, 163, .2) !important;
  color:#ffffff !important;
}

/* TRUE FINAL - Ventana para crear album desde + Nuevo. */
body.retro-forum .gm-album-create-dialog{
  position:fixed !important;
  inset:0 !important;
  z-index:3200 !important;
  display:grid !important;
  place-items:center !important;
  padding:18px !important;
  background:rgba(2, 5, 12, .62) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

body.retro-forum .gm-album-create-card{
  width:min(420px, calc(100vw - 28px)) !important;
  padding:18px !important;
  border:1px solid rgba(127, 216, 255, .28) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(28, 32, 46, .98), rgba(16, 20, 31, .98)) !important;
  box-shadow:0 28px 70px rgba(0, 0, 0, .54), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  color:#f7f8ff !important;
}

body.retro-forum .gm-album-create-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom:14px !important;
}

body.retro-forum .gm-album-create-head div{
  display:grid !important;
  gap:4px !important;
}

body.retro-forum .gm-album-create-head span{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(195, 192, 255, .24) !important;
  border-radius:12px !important;
  background:rgba(195, 192, 255, .12) !important;
  color:#c3c0ff !important;
}

body.retro-forum .gm-album-create-head svg{
  width:18px !important;
  height:18px !important;
  fill:currentColor !important;
}

body.retro-forum .gm-album-create-head h3{
  margin:0 !important;
  font:950 22px/1.05 Inter, system-ui, sans-serif !important;
}

body.retro-forum .gm-album-create-head p{
  margin:0 !important;
  color:#c7c4d8 !important;
  font:800 12px/1.35 Inter, system-ui, sans-serif !important;
}

body.retro-forum .gm-album-create-head button{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255, 255, 255, .13) !important;
  border-radius:12px !important;
  background:rgba(255, 255, 255, .04) !important;
  color:#dfe5ff !important;
  cursor:pointer !important;
}

body.retro-forum .gm-album-create-card input{
  width:100% !important;
  min-height:46px !important;
  padding:0 14px !important;
  border:1px solid rgba(127, 216, 255, .24) !important;
  border-radius:12px !important;
  background:#0b101a !important;
  color:#ffffff !important;
  font:850 13px/1 Inter, system-ui, sans-serif !important;
  outline:none !important;
}

body.retro-forum .gm-album-create-card input:focus{
  border-color:rgba(127, 216, 255, .62) !important;
  box-shadow:0 0 0 3px rgba(127, 216, 255, .14) !important;
}

body.retro-forum .gm-album-create-actions{
  margin-top:14px !important;
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

body.retro-forum .gm-album-create-actions button{
  min-height:42px !important;
  padding:0 15px !important;
  border-radius:12px !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}

body.retro-forum .gm-album-create-cancel{
  border:1px solid rgba(255, 255, 255, .14) !important;
  background:rgba(255, 255, 255, .04) !important;
  color:#e7e9f8 !important;
}

body.retro-forum .gm-album-create-save{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  border:1px solid rgba(78, 222, 163, .42) !important;
  background:rgba(78, 222, 163, .16) !important;
  color:#9cffd0 !important;
}

/* TRUE FINAL - Header de galeria centrado y sin acciones superiores. */
body.retro-forum #gallery-manager-page-body .gm-head{
  justify-content:center !important;
  text-align:center !important;
}

body.retro-forum #gallery-manager-page-body .gm-title-block{
  width:100% !important;
  max-width:720px !important;
  margin:0 auto !important;
  display:grid !important;
  justify-items:center !important;
}

body.retro-forum #gallery-manager-page-body .gm-head-actions,
body.retro-forum #gallery-manager-page-body .gm-head-actions .gm-head-btn,
body.retro-forum #gallery-manager-page-body .gm-head-actions .gm-head-btn--primary,
body.retro-forum #gallery-manager-page-body .gm-head-actions .gm-head-btn--ghost{
  display:none !important;
}

/* TRUE FINAL - Galeria sin encabezado superior redundante. */
body.retro-forum #gallery-manager-page-body .gm-shell > .gm-head{
  display:none !important;
}

/* TRUE FINAL - Marca visible para la seccion actual del menu lateral. */
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active{
  color:#ffffff !important;
  background:linear-gradient(90deg, rgba(78, 222, 163, .16), rgba(127, 216, 255, .05) 62%, transparent) !important;
  box-shadow:inset 3px 0 0 #4edea3 !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active::after,
body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active::before{
  display:none !important;
  content:none !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__icon{
  color:#ffffff !important;
  border-color:rgba(78, 222, 163, .7) !important;
  background:linear-gradient(180deg, rgba(78, 222, 163, .28), rgba(38, 116, 77, .2)) !important;
  box-shadow:0 0 0 2px rgba(78, 222, 163, .18), 0 0 18px rgba(78, 222, 163, .24) !important;
  filter:none !important;
  transform:none !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__label{
  color:#ffffff !important;
}

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__hint{
  color:rgba(156, 255, 208, .86) !important;
}

/* TRUE FINAL - El estado de amigos vive en el borde del avatar, sin punto suelto. */
body.retro-forum #msn-contact-list button.msn-contact,
body.retro-forum #msn-contact-list button.msn-contact:hover,
body.retro-forum #msn-contact-list button.msn-contact:focus,
body.retro-forum #msn-contact-list button.msn-contact:focus-visible,
body.retro-forum #msn-contact-list button.msn-contact.has-unread,
body.retro-forum #msn-contact-list button.msn-contact.fm-pressing{
  grid-template-columns:46px minmax(0, 1fr) !important;
  align-items:center !important;
  column-gap:8px !important;
}

body.retro-forum #msn-contact-list button.msn-contact::before,
body.retro-forum #msn-contact-list button.msn-contact::after{
  display:none !important;
  content:none !important;
}

body.retro-forum #msn-contact-list button.msn-contact .msn-contact-presence{
  display:none !important;
}

body.retro-forum #msn-contact-list button.msn-contact .msn-contact-avatar{
  box-sizing:border-box !important;
  grid-column:1 !important;
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  justify-self:start !important;
  border:2px solid rgba(127, 143, 167, .72) !important;
  background:#101a2a !important;
  box-shadow:0 0 0 1px rgba(127, 143, 167, .08) !important;
  transition:border-color .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body.retro-forum #msn-contact-list button.msn-contact .msn-contact-copy,
body.retro-forum #msn-contact-list button.msn-contact .msn-contact-name,
body.retro-forum #msn-contact-list button.msn-contact .msn-contact-status{
  min-width:0 !important;
  max-width:100% !important;
}

body.retro-forum #msn-contact-list button.msn-contact .msn-contact-copy{
  grid-column:2 !important;
  overflow:hidden !important;
}

body.retro-forum #msn-contact-list button.msn-contact:hover .msn-contact-status-name,
body.retro-forum #msn-contact-list button.msn-contact:focus .msn-contact-status-name,
body.retro-forum #msn-contact-list button.msn-contact:focus-visible .msn-contact-status-name,
body.retro-forum #msn-contact-list button.msn-contact.fm-pressing .msn-contact-status-name{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.retro-forum #msn-contact-list button.msn-contact:hover .msn-contact-status-desc,
body.retro-forum #msn-contact-list button.msn-contact:focus .msn-contact-status-desc,
body.retro-forum #msn-contact-list button.msn-contact:focus-visible .msn-contact-status-desc,
body.retro-forum #msn-contact-list button.msn-contact.fm-pressing .msn-contact-status-desc{
  display:none !important;
}

body.retro-forum #msn-contact-list button.msn-contact .msn-contact-unread{
  position:static !important;
  flex:0 0 auto !important;
  margin-left:6px !important;
  transform:none !important;
}

body.retro-forum #msn-contact-list button.msn-contact.msn-contact--presence-connected .msn-contact-avatar{
  border-color:#35d977 !important;
  animation:msnAvatarPresenceGlowGreen 1.9s ease-in-out infinite !important;
}

body.retro-forum #msn-contact-list button.msn-contact.msn-contact--presence-busy .msn-contact-avatar{
  border-color:#ff4d6d !important;
  animation:msnAvatarPresenceGlowRed 1.9s ease-in-out infinite !important;
}

body.retro-forum #msn-contact-list button.msn-contact.msn-contact--presence-unavailable .msn-contact-avatar{
  border-color:#ffd166 !important;
  animation:msnAvatarPresenceGlowYellow 1.9s ease-in-out infinite !important;
}

body.retro-forum #msn-contact-list button.msn-contact.msn-contact--presence-invisible .msn-contact-avatar,
body.retro-forum #msn-contact-list button.msn-contact.msn-contact--presence-offline .msn-contact-avatar,
body.retro-forum #msn-contact-list button.msn-contact.offline .msn-contact-avatar{
  border-color:#7f8fa7 !important;
  box-shadow:0 0 0 1px rgba(127, 143, 167, .08) !important;
  animation:none !important;
}

@keyframes msnAvatarPresenceGlowGreen{
  0%, 100%{box-shadow:0 0 0 1px rgba(53, 217, 119, .14), 0 0 7px rgba(53, 217, 119, .18)}
  50%{box-shadow:0 0 0 2px rgba(53, 217, 119, .24), 0 0 16px rgba(53, 217, 119, .45)}
}

@keyframes msnAvatarPresenceGlowRed{
  0%, 100%{box-shadow:0 0 0 1px rgba(255, 77, 109, .14), 0 0 7px rgba(255, 77, 109, .18)}
  50%{box-shadow:0 0 0 2px rgba(255, 77, 109, .22), 0 0 16px rgba(255, 77, 109, .42)}
}

@keyframes msnAvatarPresenceGlowYellow{
  0%, 100%{box-shadow:0 0 0 1px rgba(255, 209, 102, .14), 0 0 7px rgba(255, 209, 102, .16)}
  50%{box-shadow:0 0 0 2px rgba(255, 209, 102, .22), 0 0 16px rgba(255, 209, 102, .38)}
}

@media (prefers-reduced-motion: reduce){
  body.retro-forum #msn-contact-list button.msn-contact .msn-contact-avatar{
    animation:none !important;
  }
}

/* ULTIMO OVERRIDE - Chat movil sin panel fantasma arriba. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:calc(var(--fm-header, 64px) + env(safe-area-inset-top, 0px)) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:calc(100dvh - var(--fm-header, 64px) - env(safe-area-inset-top, 0px)) !important;
    max-height:calc(100dvh - var(--fm-header, 64px) - env(safe-area-inset-top, 0px)) !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#24252d !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel,
  body.retro-forum.messenger-chat-active #chat-col #msn-panel,
  body.retro-forum.messenger-chat-active .chat-col #msn-panel{
    display:flex !important;
    visibility:visible !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:8px 8px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-self{
    display:grid !important;
    visibility:visible !important;
    height:auto !important;
    min-height:58px !important;
    max-height:none !important;
    padding:8px !important;
    margin:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-search-row,
  body.retro-forum.messenger-chat-active #msn-panel #msn-search-results,
  body.retro-forum.messenger-chat-active #msn-panel #msn-open-bubbles,
  body.retro-forum.messenger-chat-active #msn-panel .msn-section-title,
  body.retro-forum.messenger-chat-active #msn-panel #msn-folder-list,
  body.retro-forum.messenger-chat-active #msn-panel #msn-contact-list{
    display:none !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell{
    display:flex !important;
    flex:1 1 0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-pages,
  body.retro-forum.messenger-chat-active .msn-chat-page.active{
    flex:1 1 0 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active .msn-chat-peer{
    flex:0 0 58px !important;
    min-height:58px !important;
    margin:0 !important;
    border-radius:0 !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close{
    width:auto !important;
    min-width:78px !important;
    padding:0 12px !important;
  }
}

/* TRUE FINAL - El boton volver no invade la foto del Messenger movil. */
@media (max-width:900px){
  body.retro-forum.messenger-open #msn-panel .msn-self,
  body.retro-forum.chat-open #msn-panel .msn-self{
    display:grid !important;
    grid-template-columns:42px 42px minmax(0, 1fr) 42px !important;
    grid-template-areas:"back avatar copy edit" !important;
    align-items:center !important;
    column-gap:8px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close{
    grid-area:back !important;
    display:inline-flex !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    flex:0 0 42px !important;
    border-radius:12px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close::after,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close::after{
    content:none !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-avatar,
  body.retro-forum.chat-open #msn-panel .msn-self-avatar{
    grid-area:avatar !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    margin:0 !important;
  }
}

/* Final guard: wall posts must not zoom, lift, press, or reanimate on hover/touch. */
body.retro-forum #page-wall .post-card,
body.retro-forum #page-wall .post-card:hover,
body.retro-forum #page-wall .post-card:active,
body.retro-forum #page-wall .post-card:focus,
body.retro-forum #page-wall .post-card:focus-within,
body.retro-forum #page-wall .post-card.fm-pressing,
body.retro-forum #page-user-wall .post-card,
body.retro-forum #page-user-wall .post-card:hover,
body.retro-forum #page-user-wall .post-card:active,
body.retro-forum #page-user-wall .post-card:focus,
body.retro-forum #page-user-wall .post-card:focus-within,
body.retro-forum #page-user-wall .post-card.fm-pressing,
body.retro-forum #user-wall-posts .post-card,
body.retro-forum #user-wall-posts .post-card:hover,
body.retro-forum #user-wall-posts .post-card:active,
body.retro-forum #user-wall-posts .post-card:focus,
body.retro-forum #user-wall-posts .post-card:focus-within,
body.retro-forum #user-wall-posts .post-card.fm-pressing {
  transform:none !important;
  animation:none !important;
}

body.retro-forum #page-wall .post-card .post-face-front,
body.retro-forum #page-wall .post-card:hover .post-face-front,
body.retro-forum #page-wall .post-card:active .post-face-front,
body.retro-forum #page-wall .post-card:focus-within .post-face-front,
body.retro-forum #page-user-wall .post-card .post-face-front,
body.retro-forum #page-user-wall .post-card:hover .post-face-front,
body.retro-forum #page-user-wall .post-card:active .post-face-front,
body.retro-forum #page-user-wall .post-card:focus-within .post-face-front,
body.retro-forum #user-wall-posts .post-card .post-face-front,
body.retro-forum #user-wall-posts .post-card:hover .post-face-front,
body.retro-forum #user-wall-posts .post-card:active .post-face-front,
body.retro-forum #user-wall-posts .post-card:focus-within .post-face-front {
  transform:none !important;
  animation:none !important;
  transition:none !important;
}

/* Absolute last guard: center the Messenger profile menu dots inside the button. */
body.retro-forum #msn-panel .msn-edit-profile{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 !important;
  line-height:1 !important;
  text-align:center !important;
  overflow:hidden !important;
}

body.retro-forum #msn-panel .msn-edit-profile .msn-edit-profile-dots{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  pointer-events:none !important;
}

body.retro-forum #msn-panel .msn-edit-profile .msn-edit-profile-dots::before{
  content:"" !important;
  width:5px !important;
  height:5px !important;
  border-radius:999px !important;
  background:#dfe6ff !important;
  box-shadow:-8px 0 0 #dfe6ff, 8px 0 0 #dfe6ff !important;
  transform:none !important;
}

body.retro-forum #msn-panel .msn-edit-profile .msn-edit-profile-text{
  display:none !important;
}

/* Absolute final mobile guard: posts do not react visually to touch. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #page-wall .post-card,
  body.retro-forum #page-wall .post-card:hover,
  body.retro-forum #page-wall .post-card:active,
  body.retro-forum #page-wall .post-card:focus,
  body.retro-forum #page-wall .post-card:focus-within,
  body.retro-forum #page-user-wall .post-card,
  body.retro-forum #page-user-wall .post-card:hover,
  body.retro-forum #page-user-wall .post-card:active,
  body.retro-forum #page-user-wall .post-card:focus,
  body.retro-forum #page-user-wall .post-card:focus-within,
  body.retro-forum #user-wall-posts .post-card,
  body.retro-forum #user-wall-posts .post-card:hover,
  body.retro-forum #user-wall-posts .post-card:active,
  body.retro-forum #user-wall-posts .post-card:focus,
  body.retro-forum #user-wall-posts .post-card:focus-within{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body.retro-forum #page-wall .post-card::before,
  body.retro-forum #page-wall .post-card:hover::before,
  body.retro-forum #page-wall .post-card:active::before,
  body.retro-forum #page-wall .post-card:focus-within::before,
  body.retro-forum #page-user-wall .post-card::before,
  body.retro-forum #page-user-wall .post-card:hover::before,
  body.retro-forum #page-user-wall .post-card:active::before,
  body.retro-forum #page-user-wall .post-card:focus-within::before,
  body.retro-forum #user-wall-posts .post-card::before,
  body.retro-forum #user-wall-posts .post-card:hover::before,
  body.retro-forum #user-wall-posts .post-card:active::before,
  body.retro-forum #user-wall-posts .post-card:focus-within::before{
    display:none !important;
    opacity:0 !important;
  }

  body.retro-forum #page-wall .post-face-front,
  body.retro-forum #page-wall .post-face-front:hover,
  body.retro-forum #page-wall .post-face-front:active,
  body.retro-forum #page-wall .post-face-front:focus-within,
  body.retro-forum #page-wall .post-body,
  body.retro-forum #page-wall [id^="post-body-"],
  body.retro-forum #page-wall .post-img,
  body.retro-forum #page-wall .post-img:hover,
  body.retro-forum #page-wall .post-img:active,
  body.retro-forum #page-wall .post-video,
  body.retro-forum #page-wall .post-video:hover,
  body.retro-forum #page-wall .post-video:active,
  body.retro-forum #page-wall .post-media,
  body.retro-forum #page-wall .post-media:hover,
  body.retro-forum #page-wall .post-media:active,
  body.retro-forum #page-wall .post-embed,
  body.retro-forum #page-wall .post-embed:hover,
  body.retro-forum #page-wall .post-embed:active,
  body.retro-forum #page-wall .post-sticker,
  body.retro-forum #page-wall .post-sticker:hover,
  body.retro-forum #page-wall .post-sticker:active,
  body.retro-forum #page-user-wall .post-face-front,
  body.retro-forum #page-user-wall .post-face-front:hover,
  body.retro-forum #page-user-wall .post-face-front:active,
  body.retro-forum #page-user-wall .post-face-front:focus-within,
  body.retro-forum #page-user-wall .post-body,
  body.retro-forum #page-user-wall [id^="post-body-"],
  body.retro-forum #page-user-wall .post-img,
  body.retro-forum #page-user-wall .post-img:hover,
  body.retro-forum #page-user-wall .post-img:active,
  body.retro-forum #page-user-wall .post-video,
  body.retro-forum #page-user-wall .post-video:hover,
  body.retro-forum #page-user-wall .post-video:active,
  body.retro-forum #page-user-wall .post-media,
  body.retro-forum #page-user-wall .post-media:hover,
  body.retro-forum #page-user-wall .post-media:active,
  body.retro-forum #page-user-wall .post-embed,
  body.retro-forum #page-user-wall .post-embed:hover,
  body.retro-forum #page-user-wall .post-embed:active,
  body.retro-forum #page-user-wall .post-sticker,
  body.retro-forum #page-user-wall .post-sticker:hover,
  body.retro-forum #page-user-wall .post-sticker:active,
  body.retro-forum #user-wall-posts .post-face-front,
  body.retro-forum #user-wall-posts .post-face-front:hover,
  body.retro-forum #user-wall-posts .post-face-front:active,
  body.retro-forum #user-wall-posts .post-face-front:focus-within,
  body.retro-forum #user-wall-posts .post-body,
  body.retro-forum #user-wall-posts [id^="post-body-"],
  body.retro-forum #user-wall-posts .post-img,
  body.retro-forum #user-wall-posts .post-img:hover,
  body.retro-forum #user-wall-posts .post-img:active,
  body.retro-forum #user-wall-posts .post-video,
  body.retro-forum #user-wall-posts .post-video:hover,
  body.retro-forum #user-wall-posts .post-video:active,
  body.retro-forum #user-wall-posts .post-media,
  body.retro-forum #user-wall-posts .post-media:hover,
  body.retro-forum #user-wall-posts .post-media:active,
  body.retro-forum #user-wall-posts .post-embed,
  body.retro-forum #user-wall-posts .post-embed:hover,
  body.retro-forum #user-wall-posts .post-embed:active,
  body.retro-forum #user-wall-posts .post-sticker,
  body.retro-forum #user-wall-posts .post-sticker:hover,
  body.retro-forum #user-wall-posts .post-sticker:active{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
  }
}

/* True last mobile no-motion guard for wall posts. */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  body.retro-forum #page-wall .post-card,
  body.retro-forum #page-wall .post-card *,
  body.retro-forum #page-wall .post-card::before,
  body.retro-forum #page-wall .post-card *::before,
  body.retro-forum #page-wall .post-card *::after,
  body.retro-forum #page-user-wall .post-card,
  body.retro-forum #page-user-wall .post-card *,
  body.retro-forum #page-user-wall .post-card::before,
  body.retro-forum #page-user-wall .post-card *::before,
  body.retro-forum #page-user-wall .post-card *::after,
  body.retro-forum #user-wall-posts .post-card,
  body.retro-forum #user-wall-posts .post-card *,
  body.retro-forum #user-wall-posts .post-card::before,
  body.retro-forum #user-wall-posts .post-card *::before,
  body.retro-forum #user-wall-posts .post-card *::after{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body.retro-forum #page-wall .post-card:hover,
  body.retro-forum #page-wall .post-card:active,
  body.retro-forum #page-wall .post-card:focus,
  body.retro-forum #page-wall .post-card:focus-within,
  body.retro-forum #page-user-wall .post-card:hover,
  body.retro-forum #page-user-wall .post-card:active,
  body.retro-forum #page-user-wall .post-card:focus,
  body.retro-forum #page-user-wall .post-card:focus-within,
  body.retro-forum #user-wall-posts .post-card:hover,
  body.retro-forum #user-wall-posts .post-card:active,
  body.retro-forum #user-wall-posts .post-card:focus,
  body.retro-forum #user-wall-posts .post-card:focus-within{
    border-color:rgba(70,69,85,.88) !important;
    outline:none !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
  }

  body.retro-forum #page-wall .post-card:hover::before,
  body.retro-forum #page-wall .post-card:active::before,
  body.retro-forum #page-wall .post-card:focus-within::before,
  body.retro-forum #page-user-wall .post-card:hover::before,
  body.retro-forum #page-user-wall .post-card:active::before,
  body.retro-forum #page-user-wall .post-card:focus-within::before,
  body.retro-forum #user-wall-posts .post-card:hover::before,
  body.retro-forum #user-wall-posts .post-card:active::before,
  body.retro-forum #user-wall-posts .post-card:focus-within::before{
    content:none !important;
    display:none !important;
    opacity:0 !important;
  }
}

/* Absolute last mobile guard: posts do not react visually to touch. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #page-wall .post-card,
  body.retro-forum #page-wall .post-card:hover,
  body.retro-forum #page-wall .post-card:active,
  body.retro-forum #page-wall .post-card:focus,
  body.retro-forum #page-wall .post-card:focus-within,
  body.retro-forum #page-user-wall .post-card,
  body.retro-forum #page-user-wall .post-card:hover,
  body.retro-forum #page-user-wall .post-card:active,
  body.retro-forum #page-user-wall .post-card:focus,
  body.retro-forum #page-user-wall .post-card:focus-within,
  body.retro-forum #user-wall-posts .post-card,
  body.retro-forum #user-wall-posts .post-card:hover,
  body.retro-forum #user-wall-posts .post-card:active,
  body.retro-forum #user-wall-posts .post-card:focus,
  body.retro-forum #user-wall-posts .post-card:focus-within,
  body.retro-forum #page-wall .post-face-front,
  body.retro-forum #page-wall .post-face-front:hover,
  body.retro-forum #page-wall .post-face-front:active,
  body.retro-forum #page-wall .post-face-front:focus-within,
  body.retro-forum #page-user-wall .post-face-front,
  body.retro-forum #page-user-wall .post-face-front:hover,
  body.retro-forum #page-user-wall .post-face-front:active,
  body.retro-forum #page-user-wall .post-face-front:focus-within,
  body.retro-forum #user-wall-posts .post-face-front,
  body.retro-forum #user-wall-posts .post-face-front:hover,
  body.retro-forum #user-wall-posts .post-face-front:active,
  body.retro-forum #user-wall-posts .post-face-front:focus-within,
  body.retro-forum #page-wall .post-body,
  body.retro-forum #page-wall [id^="post-body-"],
  body.retro-forum #page-user-wall .post-body,
  body.retro-forum #page-user-wall [id^="post-body-"],
  body.retro-forum #user-wall-posts .post-body,
  body.retro-forum #user-wall-posts [id^="post-body-"],
  body.retro-forum #page-wall .post-img,
  body.retro-forum #page-wall .post-img:hover,
  body.retro-forum #page-wall .post-img:active,
  body.retro-forum #page-wall .post-video,
  body.retro-forum #page-wall .post-video:hover,
  body.retro-forum #page-wall .post-video:active,
  body.retro-forum #page-wall .post-media,
  body.retro-forum #page-wall .post-media:hover,
  body.retro-forum #page-wall .post-media:active,
  body.retro-forum #page-wall .post-embed,
  body.retro-forum #page-wall .post-embed:hover,
  body.retro-forum #page-wall .post-embed:active,
  body.retro-forum #page-wall .post-sticker,
  body.retro-forum #page-wall .post-sticker:hover,
  body.retro-forum #page-wall .post-sticker:active,
  body.retro-forum #page-user-wall .post-img,
  body.retro-forum #page-user-wall .post-img:hover,
  body.retro-forum #page-user-wall .post-img:active,
  body.retro-forum #page-user-wall .post-video,
  body.retro-forum #page-user-wall .post-video:hover,
  body.retro-forum #page-user-wall .post-video:active,
  body.retro-forum #page-user-wall .post-media,
  body.retro-forum #page-user-wall .post-media:hover,
  body.retro-forum #page-user-wall .post-media:active,
  body.retro-forum #page-user-wall .post-embed,
  body.retro-forum #page-user-wall .post-embed:hover,
  body.retro-forum #page-user-wall .post-embed:active,
  body.retro-forum #page-user-wall .post-sticker,
  body.retro-forum #page-user-wall .post-sticker:hover,
  body.retro-forum #page-user-wall .post-sticker:active,
  body.retro-forum #user-wall-posts .post-img,
  body.retro-forum #user-wall-posts .post-img:hover,
  body.retro-forum #user-wall-posts .post-img:active,
  body.retro-forum #user-wall-posts .post-video,
  body.retro-forum #user-wall-posts .post-video:hover,
  body.retro-forum #user-wall-posts .post-video:active,
  body.retro-forum #user-wall-posts .post-media,
  body.retro-forum #user-wall-posts .post-media:hover,
  body.retro-forum #user-wall-posts .post-media:active,
  body.retro-forum #user-wall-posts .post-embed,
  body.retro-forum #user-wall-posts .post-embed:hover,
  body.retro-forum #user-wall-posts .post-embed:active,
  body.retro-forum #user-wall-posts .post-sticker,
  body.retro-forum #user-wall-posts .post-sticker:hover,
  body.retro-forum #user-wall-posts .post-sticker:active{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body.retro-forum #page-wall .post-card::before,
  body.retro-forum #page-wall .post-card:hover::before,
  body.retro-forum #page-wall .post-card:active::before,
  body.retro-forum #page-wall .post-card:focus-within::before,
  body.retro-forum #page-user-wall .post-card::before,
  body.retro-forum #page-user-wall .post-card:hover::before,
  body.retro-forum #page-user-wall .post-card:active::before,
  body.retro-forum #page-user-wall .post-card:focus-within::before,
  body.retro-forum #user-wall-posts .post-card::before,
  body.retro-forum #user-wall-posts .post-card:hover::before,
  body.retro-forum #user-wall-posts .post-card:active::before,
  body.retro-forum #user-wall-posts .post-card:focus-within::before{
    display:none !important;
    opacity:0 !important;
  }
}

/* Absolute final mobile guard: posts do not react visually to touch. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #page-wall .post-card,
  body.retro-forum #page-wall .post-card:hover,
  body.retro-forum #page-wall .post-card:active,
  body.retro-forum #page-wall .post-card:focus,
  body.retro-forum #page-wall .post-card:focus-within,
  body.retro-forum #page-user-wall .post-card,
  body.retro-forum #page-user-wall .post-card:hover,
  body.retro-forum #page-user-wall .post-card:active,
  body.retro-forum #page-user-wall .post-card:focus,
  body.retro-forum #page-user-wall .post-card:focus-within,
  body.retro-forum #user-wall-posts .post-card,
  body.retro-forum #user-wall-posts .post-card:hover,
  body.retro-forum #user-wall-posts .post-card:active,
  body.retro-forum #user-wall-posts .post-card:focus,
  body.retro-forum #user-wall-posts .post-card:focus-within{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body.retro-forum #page-wall .post-card:hover,
  body.retro-forum #page-wall .post-card:active,
  body.retro-forum #page-wall .post-card:focus,
  body.retro-forum #page-wall .post-card:focus-within,
  body.retro-forum #page-user-wall .post-card:hover,
  body.retro-forum #page-user-wall .post-card:active,
  body.retro-forum #page-user-wall .post-card:focus,
  body.retro-forum #page-user-wall .post-card:focus-within,
  body.retro-forum #user-wall-posts .post-card:hover,
  body.retro-forum #user-wall-posts .post-card:active,
  body.retro-forum #user-wall-posts .post-card:focus,
  body.retro-forum #user-wall-posts .post-card:focus-within{
    box-shadow:none !important;
  }

  body.retro-forum #page-wall .post-card::before,
  body.retro-forum #page-wall .post-card:hover::before,
  body.retro-forum #page-wall .post-card:active::before,
  body.retro-forum #page-wall .post-card:focus-within::before,
  body.retro-forum #page-user-wall .post-card::before,
  body.retro-forum #page-user-wall .post-card:hover::before,
  body.retro-forum #page-user-wall .post-card:active::before,
  body.retro-forum #page-user-wall .post-card:focus-within::before,
  body.retro-forum #user-wall-posts .post-card::before,
  body.retro-forum #user-wall-posts .post-card:hover::before,
  body.retro-forum #user-wall-posts .post-card:active::before,
  body.retro-forum #user-wall-posts .post-card:focus-within::before{
    display:none !important;
    opacity:0 !important;
  }

  body.retro-forum #page-wall .post-face-front,
  body.retro-forum #page-wall .post-face-front:hover,
  body.retro-forum #page-wall .post-face-front:active,
  body.retro-forum #page-wall .post-face-front:focus-within,
  body.retro-forum #page-user-wall .post-face-front,
  body.retro-forum #page-user-wall .post-face-front:hover,
  body.retro-forum #page-user-wall .post-face-front:active,
  body.retro-forum #page-user-wall .post-face-front:focus-within,
  body.retro-forum #user-wall-posts .post-face-front,
  body.retro-forum #user-wall-posts .post-face-front:hover,
  body.retro-forum #user-wall-posts .post-face-front:active,
  body.retro-forum #user-wall-posts .post-face-front:focus-within,
  body.retro-forum #page-wall .post-body,
  body.retro-forum #page-wall [id^="post-body-"],
  body.retro-forum #page-user-wall .post-body,
  body.retro-forum #page-user-wall [id^="post-body-"],
  body.retro-forum #user-wall-posts .post-body,
  body.retro-forum #user-wall-posts [id^="post-body-"]{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
  }

  body.retro-forum #page-wall .post-img,
  body.retro-forum #page-wall .post-img:hover,
  body.retro-forum #page-wall .post-img:active,
  body.retro-forum #page-wall .post-video,
  body.retro-forum #page-wall .post-video:hover,
  body.retro-forum #page-wall .post-video:active,
  body.retro-forum #page-wall .post-media,
  body.retro-forum #page-wall .post-media:hover,
  body.retro-forum #page-wall .post-media:active,
  body.retro-forum #page-wall .post-embed,
  body.retro-forum #page-wall .post-embed:hover,
  body.retro-forum #page-wall .post-embed:active,
  body.retro-forum #page-wall .post-sticker,
  body.retro-forum #page-wall .post-sticker:hover,
  body.retro-forum #page-wall .post-sticker:active,
  body.retro-forum #page-user-wall .post-img,
  body.retro-forum #page-user-wall .post-img:hover,
  body.retro-forum #page-user-wall .post-img:active,
  body.retro-forum #page-user-wall .post-video,
  body.retro-forum #page-user-wall .post-video:hover,
  body.retro-forum #page-user-wall .post-video:active,
  body.retro-forum #page-user-wall .post-media,
  body.retro-forum #page-user-wall .post-media:hover,
  body.retro-forum #page-user-wall .post-media:active,
  body.retro-forum #page-user-wall .post-embed,
  body.retro-forum #page-user-wall .post-embed:hover,
  body.retro-forum #page-user-wall .post-embed:active,
  body.retro-forum #page-user-wall .post-sticker,
  body.retro-forum #page-user-wall .post-sticker:hover,
  body.retro-forum #page-user-wall .post-sticker:active,
  body.retro-forum #user-wall-posts .post-img,
  body.retro-forum #user-wall-posts .post-img:hover,
  body.retro-forum #user-wall-posts .post-img:active,
  body.retro-forum #user-wall-posts .post-video,
  body.retro-forum #user-wall-posts .post-video:hover,
  body.retro-forum #user-wall-posts .post-video:active,
  body.retro-forum #user-wall-posts .post-media,
  body.retro-forum #user-wall-posts .post-media:hover,
  body.retro-forum #user-wall-posts .post-media:active,
  body.retro-forum #user-wall-posts .post-embed,
  body.retro-forum #user-wall-posts .post-embed:hover,
  body.retro-forum #user-wall-posts .post-embed:active,
  body.retro-forum #user-wall-posts .post-sticker,
  body.retro-forum #user-wall-posts .post-sticker:hover,
  body.retro-forum #user-wall-posts .post-sticker:active{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
  }
}

/* Absolute last guard: the audio hold button must never trigger native text selection/copy UI. */
body.retro-forum #msn-chat-compose .msn-audio-btn,
body.retro-forum #msn-chat-compose .msn-audio-btn::before,
body.retro-forum #msn-chat-compose .msn-audio-btn::after,
body.retro-forum #msn-chat-compose .msn-audio-btn *,
body.retro-forum #msn-chat-compose.is-audio-active,
body.retro-forum #msn-chat-compose.is-audio-active .msn-compose-tools {
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
  -webkit-user-drag:none !important;
}

body.retro-forum #msn-chat-compose .msn-audio-btn {
  touch-action:none !important;
  -ms-touch-action:none !important;
}

body.retro-forum #page-wall .post-card::before,
body.retro-forum #page-wall .post-card:hover::before,
body.retro-forum #page-wall .post-card:active::before,
body.retro-forum #page-user-wall .post-card::before,
body.retro-forum #page-user-wall .post-card:hover::before,
body.retro-forum #page-user-wall .post-card:active::before,
body.retro-forum #user-wall-posts .post-card::before,
body.retro-forum #user-wall-posts .post-card:hover::before,
body.retro-forum #user-wall-posts .post-card:active::before {
  opacity:0 !important;
}

body.retro-forum #page-wall .post-card:hover .post-body img,
body.retro-forum #page-wall .post-card:hover [id^="post-body-"] img,
body.retro-forum #page-wall .post-card:active .post-body img,
body.retro-forum #page-wall .post-card:active [id^="post-body-"] img,
body.retro-forum #page-user-wall .post-card:hover .post-body img,
body.retro-forum #page-user-wall .post-card:hover [id^="post-body-"] img,
body.retro-forum #page-user-wall .post-card:active .post-body img,
body.retro-forum #page-user-wall .post-card:active [id^="post-body-"] img,
body.retro-forum #user-wall-posts .post-card:hover .post-body img,
body.retro-forum #user-wall-posts .post-card:hover [id^="post-body-"] img,
body.retro-forum #user-wall-posts .post-card:active .post-body img,
body.retro-forum #user-wall-posts .post-card:active [id^="post-body-"] img {
  filter:none !important;
  transform:none !important;
}

/* ULTIMO OVERRIDE - Boton volver del Messenger movil sin superponerse al avatar. */
@media (max-width:900px){
  body.retro-forum.messenger-open #msn-panel .msn-self,
  body.retro-forum.chat-open #msn-panel .msn-self,
  body.retro-forum.messenger-chat-active #msn-panel .msn-self{
    display:grid !important;
    grid-template-columns:42px 42px minmax(0, 1fr) 42px !important;
    grid-template-areas:"back avatar copy edit" !important;
    align-items:center !important;
    column-gap:8px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close,
  body.retro-forum.messenger-chat-active #msn-panel .msn-mobile-close{
    grid-area:back !important;
    display:inline-flex !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    flex:0 0 42px !important;
    border-radius:12px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close::after,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close::after,
  body.retro-forum.messenger-chat-active #msn-panel .msn-mobile-close::after{
    content:none !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close svg,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close svg,
  body.retro-forum.messenger-chat-active #msn-panel .msn-mobile-close svg{
    width:20px !important;
    height:20px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-avatar,
  body.retro-forum.chat-open #msn-panel .msn-self-avatar,
  body.retro-forum.messenger-chat-active #msn-panel .msn-self-avatar{
    grid-area:avatar !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    margin:0 !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-copy,
  body.retro-forum.chat-open #msn-panel .msn-self-copy,
  body.retro-forum.messenger-chat-active #msn-panel .msn-self-copy{
    grid-area:copy !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-edit-profile,
  body.retro-forum.chat-open #msn-panel .msn-edit-profile,
  body.retro-forum.messenger-chat-active #msn-panel .msn-edit-profile{
    grid-area:edit !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    margin:0 !important;
  }
}

/* OVERRIDE DEFINITIVO FINAL - Chat movil debajo de la barra de estado. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:calc(50px + env(safe-area-inset-top, 0px)) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:calc(100dvh - 50px - env(safe-area-inset-top, 0px)) !important;
    max-height:calc(100dvh - 50px - env(safe-area-inset-top, 0px)) !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#24252d !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel,
  body.retro-forum.messenger-chat-active #chat-col #msn-panel,
  body.retro-forum.messenger-chat-active .chat-col #msn-panel{
    display:flex !important;
    visibility:visible !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:8px 8px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-self{
    display:grid !important;
    visibility:visible !important;
    height:auto !important;
    min-height:58px !important;
    max-height:none !important;
    padding:8px !important;
    margin:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-search-row,
  body.retro-forum.messenger-chat-active #msn-panel #msn-search-results,
  body.retro-forum.messenger-chat-active #msn-panel #msn-open-bubbles,
  body.retro-forum.messenger-chat-active #msn-panel .msn-section-title,
  body.retro-forum.messenger-chat-active #msn-panel #msn-folder-list,
  body.retro-forum.messenger-chat-active #msn-panel #msn-contact-list{
    display:none !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell{
    display:flex !important;
    flex:1 1 0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-pages,
  body.retro-forum.messenger-chat-active .msn-chat-page.active{
    flex:1 1 0 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
}

/* OVERRIDE DEFINITIVO - El chat movil abre debajo de la barra de estado. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:calc(50px + env(safe-area-inset-top, 0px)) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:calc(100dvh - 50px - env(safe-area-inset-top, 0px)) !important;
    max-height:calc(100dvh - 50px - env(safe-area-inset-top, 0px)) !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#24252d !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel,
  body.retro-forum.messenger-chat-active #chat-col #msn-panel,
  body.retro-forum.messenger-chat-active .chat-col #msn-panel{
    display:flex !important;
    visibility:visible !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:8px 8px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-self{
    display:grid !important;
    visibility:visible !important;
    height:auto !important;
    min-height:58px !important;
    max-height:none !important;
    padding:8px !important;
    margin:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-search-row,
  body.retro-forum.messenger-chat-active #msn-panel #msn-search-results,
  body.retro-forum.messenger-chat-active #msn-panel #msn-open-bubbles,
  body.retro-forum.messenger-chat-active #msn-panel .msn-section-title,
  body.retro-forum.messenger-chat-active #msn-panel #msn-folder-list,
  body.retro-forum.messenger-chat-active #msn-panel #msn-contact-list{
    display:none !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell{
    display:flex !important;
    flex:1 1 0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-pages,
  body.retro-forum.messenger-chat-active .msn-chat-page.active{
    flex:1 1 0 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
}

/* ULTIMO OVERRIDE - En chat movil queda visible la cabecera de Messenger. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active #msn-panel,
  body.retro-forum.messenger-chat-active #chat-col #msn-panel,
  body.retro-forum.messenger-chat-active .chat-col #msn-panel{
    display:flex !important;
    visibility:visible !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:8px 8px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-self{
    display:grid !important;
    visibility:visible !important;
    height:auto !important;
    min-height:58px !important;
    max-height:none !important;
    padding:8px !important;
    margin:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-search-row,
  body.retro-forum.messenger-chat-active #msn-panel #msn-search-results,
  body.retro-forum.messenger-chat-active #msn-panel #msn-open-bubbles,
  body.retro-forum.messenger-chat-active #msn-panel .msn-section-title,
  body.retro-forum.messenger-chat-active #msn-panel #msn-folder-list,
  body.retro-forum.messenger-chat-active #msn-panel #msn-contact-list{
    display:none !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell{
    flex:1 1 0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
}

/* TRUE FINAL - Al abrir chat movil, la lista no ocupa espacio fantasma. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:calc(50px + env(safe-area-inset-top, 0px)) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:calc(100dvh - 50px - env(safe-area-inset-top, 0px)) !important;
    max-height:calc(100dvh - 50px - env(safe-area-inset-top, 0px)) !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#24252d !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel,
  body.retro-forum.messenger-chat-active #chat-col #msn-panel,
  body.retro-forum.messenger-chat-active .chat-col #msn-panel{
    display:none !important;
    visibility:hidden !important;
    flex:0 0 0 !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell{
    display:flex !important;
    flex:1 1 0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-pages,
  body.retro-forum.messenger-chat-active .msn-chat-page.active{
    flex:1 1 0 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active .msn-chat-peer{
    flex:0 0 58px !important;
    min-height:58px !important;
    margin:0 !important;
    border-radius:0 !important;
  }
}

/* TRUE FINAL - Chat movil pegado debajo del header, sin tapar el estado. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col{
    position:fixed !important;
    top:calc(50px + env(safe-area-inset-top, 0px)) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:calc(100dvh - 50px - env(safe-area-inset-top, 0px)) !important;
    max-height:calc(100dvh - 50px - env(safe-area-inset-top, 0px)) !important;
    padding:0 !important;
    margin:0 !important;
    gap:0 !important;
    overflow:hidden !important;
    background:#24252d !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel,
  body.retro-forum.messenger-chat-active #chat-col #msn-panel,
  body.retro-forum.messenger-chat-active .chat-col #msn-panel{
    flex:1 1 auto !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#24252d !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell{
    height:100% !important;
    max-height:100% !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-pages,
  body.retro-forum.messenger-chat-active .msn-chat-page.active{
    height:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.retro-forum.messenger-chat-active .msn-chat-peer{
    position:relative !important;
    top:auto !important;
    z-index:2 !important;
    flex:0 0 58px !important;
    min-height:58px !important;
    margin:0 !important;
    border-radius:0 !important;
  }
}

/* TRUE FINAL - En chat abierto no queda franja negra y el estado se lee. */
body.retro-forum.messenger-chat-active #msn-panel .msn-self{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active #msn-panel{
  gap:0 !important;
}

body.retro-forum.messenger-chat-active .msn-chat-peer{
  min-height:58px !important;
  padding:10px 12px !important;
  background:#1d324b !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(143,199,255,.22) !important;
}

body.retro-forum.messenger-chat-active .msn-chat-peer .msn-chat-peer-status{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#d8eaff !important;
  -webkit-text-fill-color:#d8eaff !important;
  font:900 11px/1.15 Inter, system-ui, sans-serif !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28) !important;
}

body.retro-forum.messenger-chat-active .msn-chat-peer .msn-chat-peer-status i{
  display:inline-block !important;
}

/* TRUE FINAL - Mobile drawer Messenger contact list has no bright divider line. */
@media (max-width:900px){
  body.retro-forum.mobile-drawer-open #msn-panel .msn-search-row,
  body.retro-forum.mobile-drawer-open #msn-panel .msn-contact-search,
  body.retro-forum.mobile-drawer-open #msn-panel #msn-folder-list,
  body.retro-forum.mobile-drawer-open #msn-panel .msn-folder-list{
    border-top-color:transparent !important;
    border-bottom-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
  }

  body.retro-forum.mobile-drawer-open #msn-panel .msn-search-row::before,
  body.retro-forum.mobile-drawer-open #msn-panel .msn-search-row::after,
  body.retro-forum.mobile-drawer-open #msn-panel #msn-folder-list::before,
  body.retro-forum.mobile-drawer-open #msn-panel #msn-folder-list::after,
  body.retro-forum.mobile-drawer-open #msn-panel .msn-folder-list::before,
  body.retro-forum.mobile-drawer-open #msn-panel .msn-folder-list::after{
    display:none !important;
    content:none !important;
  }

  body.retro-forum.mobile-drawer-open #msn-panel .msn-contact-search:focus,
  body.retro-forum.mobile-drawer-open #msn-panel .msn-contact-search:focus-visible{
    border-color:rgba(196, 211, 255, .18) !important;
    box-shadow:none !important;
  }
}

/* TRUE FINAL - Mobile menu overlays Messenger when both are open. */
@media (max-width:900px){
  body.retro-forum.mobile-drawer-open .navbar.navbar--minimal{
    z-index:3100 !important;
  }

  body.retro-forum.mobile-drawer-open #hud-mobile-menu,
  body.retro-forum.mobile-drawer-open .hud-mobile-menu{
    z-index:3120 !important;
    pointer-events:auto !important;
  }

  body.retro-forum.mobile-drawer-open #mobile-hud-backdrop,
  body.retro-forum.mobile-drawer-open .mobile-hud-backdrop{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:3000 !important;
  }

  body.retro-forum.mobile-drawer-open #mobile-hud-drawer,
  body.retro-forum.mobile-drawer-open .mobile-hud-drawer{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:3050 !important;
  }

  body.retro-forum.mobile-drawer-open.messenger-chat-active #chat-col,
  body.retro-forum.mobile-drawer-open.messenger-chat-active .chat-col,
  body.retro-forum.mobile-drawer-open.messenger-open #chat-col,
  body.retro-forum.mobile-drawer-open.messenger-open .chat-col,
  body.retro-forum.mobile-drawer-open.chat-open #chat-col,
  body.retro-forum.mobile-drawer-open.chat-open .chat-col{
    z-index:1700 !important;
  }
}

/* TRUE FINAL - Mobile active Messenger chat sits below the fixed header. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active,
  body.retro-forum.messenger-open,
  body.retro-forum.chat-open{
    height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col,
  body.retro-forum.messenger-open #chat-col,
  body.retro-forum.messenger-open .chat-col,
  body.retro-forum.chat-open #chat-col,
  body.retro-forum.chat-open .chat-col{
    display:flex !important;
    position:fixed !important;
    top:calc(var(--fm-header, 64px) + env(safe-area-inset-top, 0px)) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:calc(100dvh - var(--fm-header, 64px) - env(safe-area-inset-top, 0px)) !important;
    max-height:calc(100dvh - var(--fm-header, 64px) - env(safe-area-inset-top, 0px)) !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    z-index:1700 !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell{
    display:flex !important;
    flex:1 1 auto !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-pages,
  body.retro-forum.messenger-chat-active .msn-chat-page.active{
    min-height:0 !important;
    height:100% !important;
    max-height:100% !important;
    overflow:hidden !important;
  }
}

/* TRUE FINAL - Legacy DM panel is retired; Messenger chat is the only DM UI. */
body.retro-forum #dm-panel,
body.retro-forum #dm-panel.open{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* TRUE FINAL - Header brand links back to home without changing visual style. */
body.retro-forum .navbar.navbar--minimal a.logo{
  text-decoration:none !important;
  cursor:pointer !important;
}

/* TRUE FINAL - Smooth mobile menu route changes without raw page flashes. */
body.retro-forum .fm-route-transition{
  position:fixed !important;
  inset:0 !important;
  z-index:99998 !important;
  display:grid !important;
  place-items:center !important;
  padding:24px !important;
  background:rgba(7,10,18,.88) !important;
  backdrop-filter:blur(14px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .16s ease, visibility .16s ease !important;
}

body.retro-forum.fm-route-transition-active .fm-route-transition{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

body.retro-forum .fm-route-transition__box{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:54px !important;
  padding:10px 16px !important;
  border:1px solid rgba(143,199,255,.28) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(28,34,50,.94), rgba(16,20,31,.96)) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.retro-forum .fm-route-transition__mark{
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:11px !important;
  background:linear-gradient(135deg, #c3c0ff, #77d8ff) !important;
  color:#101426 !important;
  font:950 16px/1 Inter, system-ui, sans-serif !important;
  animation:fmRoutePulse .72s ease-in-out infinite alternate !important;
}

body.retro-forum .fm-route-transition__copy{
  color:#eef3ff !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
}

@keyframes fmRoutePulse{
  from{transform:scale(.94);filter:saturate(1)}
  to{transform:scale(1.05);filter:saturate(1.25)}
}

/* TRUE FINAL - DM jump-to-latest button appears when reading older messages. */
body.retro-forum .msn-chat-page,
body.retro-forum #dm-panel{
  position:relative !important;
}

body.retro-forum .dm-jump-latest-btn{
  position:absolute !important;
  left:50% !important;
  bottom:calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  z-index:18 !important;
  width:42px !important;
  height:42px !important;
  display:inline-grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid rgba(195,192,255,.48) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #d9d0ff, #a895ff) !important;
  color:#17122d !important;
  box-shadow:0 14px 34px rgba(0,0,0,.34), 0 0 0 4px rgba(169,149,255,.14) !important;
  cursor:pointer !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate(-50%, 12px) scale(.94) !important;
  transition:opacity .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

body.retro-forum .dm-date-context-bubble{
  position:absolute !important;
  left:50% !important;
  top:58px !important;
  z-index:17 !important;
  max-width:min(78%, 280px) !important;
  min-height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 14px !important;
  border:1px solid rgba(255,255,255,.52) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(26,31,48,.9), rgba(12,15,26,.86)) !important;
  color:#f4f7ff !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  box-shadow:0 14px 34px rgba(0,0,0,.38), 0 0 0 4px rgba(119,216,255,.12) !important;
  pointer-events:none !important;
  opacity:0 !important;
  transform:translate(-50%, -8px) scale(.96) !important;
  transition:opacity .14s ease, transform .14s ease !important;
}

body.retro-forum .dm-date-context-bubble.is-visible{
  opacity:1 !important;
  transform:translate(-50%, 0) scale(1) !important;
}

body.retro-forum .dm-older-loading{
  position:absolute !important;
  left:50% !important;
  top:14px !important;
  z-index:19 !important;
  min-height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  max-width:min(84%, 310px) !important;
  padding:7px 13px !important;
  border:1px solid rgba(143,199,255,.42) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(18, 25, 41, .94), rgba(8, 12, 22, .9)) !important;
  color:#eaf6ff !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  white-space:nowrap !important;
  box-shadow:0 14px 34px rgba(0,0,0,.38), 0 0 0 4px rgba(78,214,255,.1) !important;
  pointer-events:none !important;
  opacity:0 !important;
  transform:translate(-50%, -8px) scale(.96) !important;
  transition:opacity .14s ease, transform .14s ease !important;
}

body.retro-forum .dm-older-loading.is-visible{
  opacity:1 !important;
  transform:translate(-50%, 0) scale(1) !important;
}

body.retro-forum .dm-older-loading.is-done .dm-older-loading__spin{
  display:none !important;
}

body.retro-forum .dm-older-loading__spin{
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  border:2px solid rgba(234,246,255,.28) !important;
  border-top-color:#77d8ff !important;
  border-radius:999px !important;
  animation:dmOlderLoadingSpin .72s linear infinite !important;
}

@keyframes dmOlderLoadingSpin{
  to{transform:rotate(360deg)}
}

body.retro-forum .dm-jump-latest-btn.is-visible{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translate(-50%, 0) scale(1) !important;
}

body.retro-forum .dm-jump-latest-btn:hover,
body.retro-forum .dm-jump-latest-btn:focus-visible{
  outline:0 !important;
  box-shadow:0 16px 38px rgba(0,0,0,.38), 0 0 0 5px rgba(169,149,255,.2) !important;
}

body.retro-forum .dm-jump-latest-btn svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  fill:currentColor !important;
}

body.retro-forum .dm-jump-latest-btn.has-incoming{
  background:linear-gradient(180deg, #ff6b7c, #e0163f) !important;
  color:#fff !important;
  border-color:rgba(255,216,222,.78) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.42), 0 0 0 5px rgba(255,37,73,.18), 0 0 24px rgba(255,37,73,.72) !important;
  animation:dmJumpIncomingPulse .74s ease-in-out infinite alternate !important;
}

body.retro-forum .dm-jump-latest-count{
  position:absolute !important;
  right:-5px !important;
  top:-7px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 5px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:2px solid #fff !important;
  border-radius:999px !important;
  background:#ff174a !important;
  color:#fff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.35) !important;
  box-sizing:border-box !important;
}

body.retro-forum .dm-jump-latest-count[hidden]{
  display:none !important;
}

@keyframes dmJumpIncomingPulse{
  from{
    transform:translate(-50%, 0) scale(1);
    filter:saturate(1) brightness(1);
  }
  to{
    transform:translate(-50%, 0) scale(1.1);
    filter:saturate(1.3) brightness(1.12);
  }
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum .dm-jump-latest-btn{
    bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.retro-forum .dm-date-context-bubble{
    top:54px !important;
    max-width:72% !important;
    font-size:11px !important;
  }
}

/* TRUE FINAL - Mobile gallery page starts below the fixed header. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #page-gallery-manager{
    padding-top:calc(var(--fm-header, 64px) + 12px + env(safe-area-inset-top, 0px)) !important;
    padding-left:8px !important;
    padding-right:8px !important;
    padding-bottom:28px !important;
    box-sizing:border-box !important;
  }

  body.retro-forum #gallery-manager-page-body.gallery-manager-page{
    margin-top:0 !important;
  }

  body.retro-forum #gallery-manager-page-body.gallery-manager-modal .gm-shell,
  body.retro-forum #gallery-manager-page-body.gallery-manager-page .gm-shell{
    padding-top:0 !important;
  }
}

/* TRUE FINAL - Marketplace mobile header starts below the fixed app header. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #page-marketplace{
    padding-top:calc(var(--fm-header, 64px) + 10px) !important;
    box-sizing:border-box !important;
  }

  body.retro-forum #page-marketplace .mkt-topbar{
    margin:0 8px 12px !important;
    padding:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
  }

  body.retro-forum #page-marketplace .mkt-topbar-left{
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  body.retro-forum #page-marketplace #mkt-publish-btn,
  body.retro-forum #page-marketplace #mkt-guest-btn{
    flex:0 0 auto !important;
    min-height:34px !important;
    max-width:52vw !important;
    padding:0 10px !important;
    white-space:nowrap !important;
  }
}

/* TRUE FINAL - Posts stay still on hover/touch; only inner controls animate. */
body.retro-forum .post-card,
body.retro-forum .post-card:hover,
body.retro-forum .post-card:active,
body.retro-forum .post-card:focus-within,
body.retro-forum .post-card:hover .post-face-front,
body.retro-forum .post-card:active .post-face-front,
body.retro-forum .post-card:focus-within .post-face-front{
  transform:none !important;
}

body.retro-forum .post-card{
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

/* TRUE FINAL - Perfil con la tematica clara de Marketplace. */
body.retro-forum #main-col:has(#page-profile){
  background:transparent !important;
}

body.retro-forum #page-profile{
  width:min(860px, calc(100% - 24px)) !important;
  margin:24px auto 42px !important;
  padding:0 0 24px !important;
  overflow:hidden !important;
  border:1px solid rgba(106, 188, 221, .7) !important;
  border-right:5px solid rgba(49, 164, 207, .86) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, #dff5fb 0%, #c8e3ec 48%, #b9d9e4 100%) !important;
  color:#123248 !important;
  box-shadow:0 30px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.retro-forum #page-profile .profile-page-header{
  margin:0 !important;
  padding:24px 28px 20px !important;
  border:0 !important;
  border-bottom:1px solid rgba(79, 151, 177, .18) !important;
  border-radius:0 !important;
  background:linear-gradient(180deg, rgba(239, 252, 255, .94), rgba(218, 241, 248, .88)) !important;
  box-shadow:none !important;
}

body.retro-forum #page-profile .profile-page-header .panel-title{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
  color:#123248 !important;
  -webkit-text-fill-color:#123248 !important;
  font:950 28px/1.05 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

body.retro-forum #page-profile .profile-page-header .panel-title::before{
  content:"Perfil" !important;
  display:inline-flex !important;
  width:max-content !important;
  padding:4px 10px !important;
  border:1px solid rgba(64, 157, 194, .42) !important;
  border-radius:999px !important;
  color:#197da5 !important;
  -webkit-text-fill-color:#197da5 !important;
  background:rgba(255,255,255,.54) !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
}

body.retro-forum #profile-card.profile-card-wrap{
  margin:18px 28px 14px !important;
  overflow:hidden !important;
  border:1px solid rgba(73, 136, 162, .24) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.38) !important;
  color:#123248 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65) !important;
}

body.retro-forum #profile-card .profile-cover-new{
  height:118px !important;
  min-height:118px !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    linear-gradient(180deg, rgba(11, 25, 39, .14), rgba(11, 25, 39, .36)),
    var(--profile-cover, linear-gradient(135deg, rgba(46, 166, 207, .24), rgba(255,255,255,.18))) !important;
}

body.retro-forum #profile-card .profile-cover-new::before{
  opacity:.16 !important;
}

body.retro-forum #profile-card .profile-cover-new::after{
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.42)) !important;
}

body.retro-forum #profile-card .profile-avatar-area{
  padding:0 26px 18px !important;
}

body.retro-forum #profile-card .profile-av-wrap{
  border:4px solid rgba(255,255,255,.68) !important;
  background:#eaf8fc !important;
  box-shadow:0 14px 28px rgba(44, 92, 112, .22) !important;
}

body.retro-forum #profile-card .profile-av-img{
  border:2px solid rgba(49, 164, 207, .56) !important;
  background:#eaf8fc !important;
}

body.retro-forum #profile-card .profile-av-edit-btn{
  border:1px solid rgba(49, 164, 207, .45) !important;
  background:linear-gradient(180deg, #2ee3f0, #19bfd4) !important;
  color:#063344 !important;
  box-shadow:0 10px 22px rgba(26, 166, 190, .28) !important;
}

body.retro-forum #profile-card .profile-display-name{
  color:#123248 !important;
  -webkit-text-fill-color:#123248 !important;
}

body.retro-forum #profile-card .profile-username-tag,
body.retro-forum #profile-card .txs.tdim,
body.retro-forum #profile-card .profile-since{
  color:#365d70 !important;
  -webkit-text-fill-color:#365d70 !important;
}

body.retro-forum #profile-card .profile-username-tag .role-badge{
  border:1px solid rgba(64, 157, 194, .34) !important;
  background:rgba(255,255,255,.55) !important;
  color:#197da5 !important;
  -webkit-text-fill-color:#197da5 !important;
}

body.retro-forum #profile-card .profile-desc-text{
  border:1px solid rgba(68, 133, 158, .22) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.66) !important;
  color:#18384b !important;
  -webkit-text-fill-color:#18384b !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}

body.retro-forum #profile-card .profile-stats{
  border-top:1px solid rgba(79, 151, 177, .14) !important;
  border-bottom:1px solid rgba(79, 151, 177, .14) !important;
  background:rgba(226, 245, 250, .42) !important;
}

body.retro-forum #profile-card .profile-stat{
  border:1px solid rgba(68, 133, 158, .22) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.46) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}

body.retro-forum #profile-card .profile-stat-num{
  color:#1598c5 !important;
  -webkit-text-fill-color:#1598c5 !important;
}

body.retro-forum #profile-card .profile-stat-lbl{
  color:#365d70 !important;
  -webkit-text-fill-color:#365d70 !important;
}

body.retro-forum #profile-card .profile-friends.profile-friends--bar{
  border:1px solid rgba(49, 164, 207, .42) !important;
  background:rgba(255,255,255,.5) !important;
  color:#123248 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.retro-forum #profile-card .profile-friends.profile-friends--bar:hover,
body.retro-forum #profile-card .profile-friends.profile-friends--bar:focus-visible{
  border-color:rgba(39, 153, 196, .72) !important;
  background:rgba(255,255,255,.68) !important;
  box-shadow:0 0 0 3px rgba(39, 153, 196, .12), inset 0 1px 0 rgba(255,255,255,.86) !important;
}

body.retro-forum #profile-card .profile-friends-icon{
  border:1px solid rgba(49, 164, 207, .38) !important;
  background:linear-gradient(180deg, #2ee3f0, #19bfd4) !important;
  color:#063344 !important;
  box-shadow:0 10px 22px rgba(26, 166, 190, .22) !important;
}

body.retro-forum #profile-card .profile-friends-title{
  color:#123248 !important;
  -webkit-text-fill-color:#123248 !important;
}

body.retro-forum #profile-card .profile-friends-count{
  border:1px solid rgba(64, 157, 194, .26) !important;
  background:rgba(255,255,255,.58) !important;
  color:#365d70 !important;
  -webkit-text-fill-color:#365d70 !important;
}

body.retro-forum #profile-card .profile-friends-open{
  background:#eef8fb !important;
  color:#244c62 !important;
  -webkit-text-fill-color:#244c62 !important;
  box-shadow:0 8px 18px rgba(43, 93, 113, .12) !important;
}

body.retro-forum #profile-card .profile-friends-open-icon{
  color:#197da5 !important;
}

body.retro-forum #page-profile .profile-page-actions,
body.retro-forum #page-profile .profile-gallery-summary,
body.retro-forum #page-profile .profile-channel-row,
body.retro-forum #page-profile .profile-settings-panel,
body.retro-forum #page-profile #profile-edit-section{
  margin-left:28px !important;
  margin-right:28px !important;
}

body.retro-forum #page-profile .profile-page-action,
body.retro-forum #page-profile .profile-gallery-summary,
body.retro-forum #page-profile .profile-channel-row{
  border:1px solid rgba(68, 133, 158, .22) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.46) !important;
  color:#18384b !important;
  -webkit-text-fill-color:#18384b !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.retro-forum #page-profile .profile-page-action--primary{
  border-color:rgba(49, 164, 207, .42) !important;
  background:linear-gradient(180deg, rgba(46, 227, 240, .72), rgba(25, 191, 212, .68)) !important;
  color:#063344 !important;
  -webkit-text-fill-color:#063344 !important;
}

body.retro-forum #page-profile .profile-gallery-summary strong,
body.retro-forum #page-profile .profile-channel-row strong{
  color:#123248 !important;
  -webkit-text-fill-color:#123248 !important;
}

body.retro-forum #page-profile .profile-gallery-summary small,
body.retro-forum #page-profile .profile-channel-row small{
  color:#365d70 !important;
  -webkit-text-fill-color:#365d70 !important;
}

@media (max-width:760px){
  body.retro-forum #page-profile{
    width:calc(100% - 12px) !important;
    margin-top:10px !important;
    border-radius:18px !important;
  }

  body.retro-forum #page-profile .profile-page-header,
  body.retro-forum #profile-card.profile-card-wrap,
  body.retro-forum #page-profile .profile-page-actions,
  body.retro-forum #page-profile .profile-gallery-summary,
  body.retro-forum #page-profile .profile-channel-row,
  body.retro-forum #page-profile .profile-settings-panel,
  body.retro-forum #page-profile #profile-edit-section{
    margin-left:14px !important;
    margin-right:14px !important;
  }

  body.retro-forum #page-profile .profile-page-header{
    margin:0 !important;
    padding:20px 16px 18px !important;
  }
}

/* TRUE FINAL - Editar mi canal usa la tematica clara de Marketplace. */
body.retro-forum .channel-modern-modal{
  width:min(680px, calc(100vw - 24px)) !important;
  max-height:min(780px, calc(100dvh - 20px)) !important;
  overflow:hidden !important;
  border:1px solid rgba(106, 188, 221, .7) !important;
  border-right:5px solid rgba(49, 164, 207, .86) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, #dff5fb 0%, #c8e3ec 46%, #b9d9e4 100%) !important;
  color:#123248 !important;
  box-shadow:0 30px 90px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.retro-forum .channel-modern-modal .msn-modern-head{
  padding:24px 28px 22px !important;
  border-bottom:1px solid rgba(79, 151, 177, .18) !important;
  background:linear-gradient(180deg, rgba(239, 252, 255, .94), rgba(218, 241, 248, .88)) !important;
  color:#123248 !important;
}

body.retro-forum .channel-modern-modal .msn-modern-kicker{
  display:inline-flex !important;
  width:max-content !important;
  padding:4px 10px !important;
  border:1px solid rgba(64, 157, 194, .42) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.54) !important;
  color:#197da5 !important;
  -webkit-text-fill-color:#197da5 !important;
  font:900 11px/1 Inter,system-ui,sans-serif !important;
  text-transform:uppercase !important;
}

body.retro-forum .channel-modern-modal .msn-modern-title{
  margin-top:8px !important;
  color:#123248 !important;
  -webkit-text-fill-color:#123248 !important;
  font:950 28px/1.05 Inter,system-ui,sans-serif !important;
  letter-spacing:0 !important;
}

body.retro-forum .channel-modern-modal .msn-modern-close{
  width:42px !important;
  height:42px !important;
  border:1px solid rgba(83, 134, 158, .26) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.68) !important;
  color:#2c5971 !important;
  -webkit-text-fill-color:#2c5971 !important;
  box-shadow:0 10px 24px rgba(27,72,92,.16) !important;
  font:900 18px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .channel-modern-modal .msn-modern-close:hover{
  background:#ffffff !important;
  transform:translateY(-1px) !important;
}

body.retro-forum .channel-modern-modal .msn-modern-body{
  padding:22px 28px 18px !important;
  overflow-y:auto !important;
}

body.retro-forum .channel-modern-modal .channel-modern-card,
body.retro-forum .channel-modern-modal .profile-modern-card{
  border:1px solid rgba(73, 136, 162, .24) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}

body.retro-forum .channel-modern-modal .channel-modern-icon{
  border:1px solid rgba(49, 164, 207, .42) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, #2ee3f0, #19bfd4) !important;
  color:#063344 !important;
  box-shadow:0 10px 22px rgba(26, 166, 190, .22) !important;
}

body.retro-forum .channel-modern-modal .profile-modern-id strong{
  color:#123248 !important;
  -webkit-text-fill-color:#123248 !important;
}

body.retro-forum .channel-modern-modal .profile-modern-id span{
  color:#197da5 !important;
  -webkit-text-fill-color:#197da5 !important;
}

body.retro-forum .channel-modern-modal .profile-modern-id small,
body.retro-forum .channel-modern-modal .msn-modern-help{
  color:#365d70 !important;
  -webkit-text-fill-color:#365d70 !important;
}

body.retro-forum .channel-modern-modal .msn-modern-label{
  color:#173f56 !important;
  -webkit-text-fill-color:#173f56 !important;
  font:950 12px/1.1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .channel-modern-modal .msn-modern-input{
  min-height:44px !important;
  border:1px solid rgba(68, 133, 158, .22) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.72) !important;
  color:#18384b !important;
  -webkit-text-fill-color:#18384b !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}

body.retro-forum .channel-modern-modal textarea.msn-modern-input{
  min-height:116px !important;
  resize:vertical !important;
}

body.retro-forum .channel-modern-modal .msn-modern-input::placeholder{
  color:rgba(54, 93, 112, .58) !important;
  -webkit-text-fill-color:rgba(54, 93, 112, .58) !important;
}

body.retro-forum .channel-modern-modal .msn-modern-input:focus{
  border-color:rgba(39, 153, 196, .72) !important;
  box-shadow:0 0 0 3px rgba(39, 153, 196, .16), inset 0 1px 0 rgba(255,255,255,.9) !important;
  outline:0 !important;
}

body.retro-forum .channel-modern-modal .channel-banner-picker{
  gap:12px !important;
}

body.retro-forum .channel-modern-modal .channel-banner-picker img,
body.retro-forum .channel-modern-modal .channel-banner-empty{
  border:1px solid rgba(68, 133, 158, .22) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.46) !important;
  color:#365d70 !important;
  -webkit-text-fill-color:#365d70 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.retro-forum .channel-modern-modal .msn-modern-actions,
body.retro-forum .channel-modern-modal .channel-modern-actions{
  padding:18px 28px 24px !important;
  border-top:1px solid rgba(79, 151, 177, .16) !important;
  background:rgba(226, 245, 250, .72) !important;
}

body.retro-forum .channel-modern-modal .msn-modern-btn{
  min-height:42px !important;
  border-radius:999px !important;
  padding:0 18px !important;
  font:950 12px/1 Inter,system-ui,sans-serif !important;
}

body.retro-forum .channel-modern-modal .msn-modern-btn.secondary{
  border:0 !important;
  background:#eef8fb !important;
  color:#244c62 !important;
  -webkit-text-fill-color:#244c62 !important;
  box-shadow:0 8px 18px rgba(43, 93, 113, .12) !important;
}

body.retro-forum .channel-modern-modal .msn-modern-btn.primary{
  border:0 !important;
  background:linear-gradient(180deg, #2ee3f0, #19bfd4) !important;
  color:#063344 !important;
  -webkit-text-fill-color:#063344 !important;
  box-shadow:0 10px 22px rgba(26, 166, 190, .26) !important;
}

@media (max-width:640px){
  body.retro-forum .channel-modern-modal{
    width:calc(100vw - 12px) !important;
    border-radius:18px !important;
  }
  body.retro-forum .channel-modern-modal .msn-modern-head,
  body.retro-forum .channel-modern-modal .msn-modern-body,
  body.retro-forum .channel-modern-modal .msn-modern-actions{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

/* TRUE FINAL - Galeria adaptada a formato movil. */
@media (max-width:760px){
  body.retro-forum #gallery-manager-page-body{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-shell{
    width:100% !important;
    max-width:100% !important;
    padding:12px !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-section{
    margin:0 0 18px !important;
    padding:14px !important;
    border:1px solid rgba(127,216,255,.18) !important;
    border-radius:18px !important;
    background:rgba(8, 22, 36, .72) !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-section-head{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-section-title{
    font-size:22px !important;
    line-height:1.1 !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-section-head p{
    max-width:100% !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-stats,
  body.retro-forum #gallery-manager-page-body .gm-general-summary{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-stats span,
  body.retro-forum #gallery-manager-page-body .gm-general-summary span{
    min-height:54px !important;
    padding:10px !important;
    border-radius:12px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-stats strong,
  body.retro-forum #gallery-manager-page-body .gm-general-summary strong{
    font-size:22px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-albums,
  body.retro-forum #gallery-manager-page-body .gm-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-album-card,
  body.retro-forum #gallery-manager-page-body .gm-album-new{
    min-height:132px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-album-cover{
    min-height:104px !important;
    border-radius:12px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-item{
    min-width:0 !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-item-preview{
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
    border-radius:12px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-item-actions{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    gap:6px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-item-actions select{
    min-width:0 !important;
    width:100% !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-empty{
    grid-column:1 / -1 !important;
    min-height:86px !important;
    padding:18px 12px !important;
    font-size:12px !important;
    text-align:center !important;
  }
}

@media (max-width:420px){
  body.retro-forum #gallery-manager-page-body .gm-shell{
    padding:10px 8px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-section{
    padding:12px !important;
    border-radius:16px !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-stats,
  body.retro-forum #gallery-manager-page-body .gm-general-summary{
    grid-template-columns:1fr !important;
  }

  body.retro-forum #gallery-manager-page-body .gm-albums,
  body.retro-forum #gallery-manager-page-body .gm-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (min-width: 1025px){
  body.retro-forum #msn-contact-list button.msn-contact,
  body.retro-forum #msn-contact-list button.msn-contact:hover,
  body.retro-forum #msn-contact-list button.msn-contact:focus,
  body.retro-forum #msn-contact-list button.msn-contact:focus-visible,
  body.retro-forum #msn-contact-list button.msn-contact.has-unread,
  body.retro-forum #msn-contact-list button.msn-contact.fm-pressing{
    grid-template-columns:42px minmax(0, 1fr) !important;
  }

  body.retro-forum #msn-contact-list button.msn-contact .msn-contact-avatar{
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
  }
}

/* TRUE FINAL - Ventana de publicacion con la tematica clara de Marketplace. */
body.retro-forum #new-post-form.new-post-card{
  width:min(680px, calc(100vw - 28px)) !important;
  max-width:680px !important;
  margin:18px auto 22px !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(113, 185, 212, .72) !important;
  border-right:5px solid rgba(61, 166, 207, .88) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, #e8f8fd 0%, #d7edf5 42%, #bddde9 100%) !important;
  color:#123047 !important;
  box-shadow:0 28px 84px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
}

body.retro-forum #new-post-form.new-post-card::before{
  content:"Nuevo post" !important;
  position:relative !important;
  inset:auto !important;
  display:block !important;
  padding:26px 28px 4px !important;
  color:#1485aa !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}

body.retro-forum #new-post-form .new-post-card__header{
  display:grid !important;
  grid-template-columns:54px minmax(0, 1fr) !important;
  gap:14px !important;
  align-items:start !important;
  padding:10px 28px 18px !important;
  background:linear-gradient(180deg, rgba(255, 255, 255, .42), rgba(255, 255, 255, .08)) !important;
  border-bottom:1px solid rgba(91, 153, 178, .18) !important;
}

body.retro-forum #new-post-form #np-author-av{
  width:54px !important;
  height:54px !important;
  border-radius:16px !important;
  border:2px solid rgba(255, 255, 255, .9) !important;
  background:#ecf6fa !important;
  box-shadow:0 0 0 1px rgba(64, 154, 190, .32), 0 12px 24px rgba(42, 91, 116, .16) !important;
}

body.retro-forum #new-post-form #np-text,
body.retro-forum #new-post-form textarea#np-text.np-textarea{
  min-height:108px !important;
  width:100% !important;
  padding:14px 16px !important;
  border:1px solid rgba(86, 136, 156, .22) !important;
  border-radius:14px !important;
  background:rgba(255, 255, 255, .82) !important;
  color:#17364b !important;
  -webkit-text-fill-color:#17364b !important;
  caret-color:#1485aa !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .72) !important;
  resize:vertical !important;
}

body.retro-forum #new-post-form #np-text::placeholder,
body.retro-forum #new-post-form textarea#np-text.np-textarea::placeholder{
  color:rgba(38, 71, 90, .56) !important;
  -webkit-text-fill-color:rgba(38, 71, 90, .56) !important;
  opacity:1 !important;
}

body.retro-forum #new-post-form .new-post-card__actions{
  padding:18px 28px 24px !important;
}

body.retro-forum #new-post-form .np-category-row{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 16px !important;
  padding:12px !important;
  border:1px solid rgba(86, 136, 156, .22) !important;
  border-radius:16px !important;
  background:rgba(255, 255, 255, .38) !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .64) !important;
}

body.retro-forum #new-post-form .np-category-row label{
  color:#1485aa !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

body.retro-forum #new-post-form .np-category-combobox{
  flex:1 1 260px !important;
  min-width:0 !important;
}

body.retro-forum #new-post-form .np-category-input,
body.retro-forum #new-post-form #np-url{
  min-height:44px !important;
  border:1px solid rgba(86, 136, 156, .2) !important;
  border-radius:14px !important;
  background:rgba(255, 255, 255, .86) !important;
  color:#17364b !important;
  -webkit-text-fill-color:#17364b !important;
  caret-color:#1485aa !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .76) !important;
}

body.retro-forum #new-post-form .np-category-input::placeholder,
body.retro-forum #new-post-form #np-url::placeholder{
  color:rgba(38, 71, 90, .52) !important;
  -webkit-text-fill-color:rgba(38, 71, 90, .52) !important;
}

body.retro-forum #new-post-form .np-category-input:focus,
body.retro-forum #new-post-form #np-url:focus,
body.retro-forum #new-post-form #np-text:focus{
  border-color:rgba(42, 158, 202, .74) !important;
  box-shadow:0 0 0 3px rgba(64, 181, 224, .18), inset 0 1px 0 rgba(255, 255, 255, .76) !important;
  outline:none !important;
}

body.retro-forum #new-post-form .new-post-card__actions > div[style*="display:flex"]{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  padding:12px !important;
  border:1px dashed rgba(86, 136, 156, .26) !important;
  border-radius:16px !important;
  background:rgba(255, 255, 255, .34) !important;
}

body.retro-forum #new-post-form .file-btn,
body.retro-forum #new-post-form .btn.btn-ghost.btn-sm,
body.retro-forum #new-post-form #np-clear{
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:1px solid rgba(86, 136, 156, .22) !important;
  border-radius:999px !important;
  padding:0 15px !important;
  background:rgba(255, 255, 255, .78) !important;
  color:#17364b !important;
  -webkit-text-fill-color:#17364b !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  box-shadow:none !important;
}

body.retro-forum #new-post-form .file-btn:hover,
body.retro-forum #new-post-form .btn.btn-ghost.btn-sm:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(42, 158, 202, .5) !important;
  background:#ffffff !important;
}

body.retro-forum #new-post-form #np-url{
  flex:1 1 220px !important;
  padding:0 14px !important;
}

body.retro-forum #new-post-form .np-category-suggest{
  border:1px solid rgba(86, 136, 156, .28) !important;
  background:#f4fbfe !important;
  box-shadow:0 18px 36px rgba(48, 91, 116, .24) !important;
}

body.retro-forum #new-post-form .np-category-suggest button{
  color:#17364b !important;
  background:transparent !important;
}

body.retro-forum #new-post-form .np-category-suggest button:hover,
body.retro-forum #new-post-form .np-category-suggest button:focus-visible{
  background:#d8edf5 !important;
}

body.retro-forum #new-post-form .flex.g2.mt2{
  justify-content:flex-end !important;
  gap:12px !important;
  margin-top:18px !important;
}

body.retro-forum #new-post-form #np-submit-btn{
  min-width:130px !important;
  min-height:44px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #62d4f5, #26add9) !important;
  color:#0f3141 !important;
  -webkit-text-fill-color:#0f3141 !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
  box-shadow:0 14px 28px rgba(38, 173, 217, .24), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}

body.retro-forum #new-post-form .flex.g2.mt2 .btn-ghost{
  min-height:44px !important;
  border:1px solid rgba(86, 136, 156, .22) !important;
  border-radius:999px !important;
  background:rgba(255, 255, 255, .72) !important;
  color:#17364b !important;
  -webkit-text-fill-color:#17364b !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
}

body.retro-forum #new-post-form .np-upload-status{
  border-color:rgba(86, 136, 156, .24) !important;
  background:rgba(255, 255, 255, .58) !important;
  color:#17364b !important;
}

@media (max-width:700px){
  body.retro-forum #new-post-form.new-post-card{
    width:calc(100vw - 20px) !important;
    border-radius:20px !important;
  }

  body.retro-forum #new-post-form.new-post-card::before{
    padding:22px 18px 4px !important;
  }

  body.retro-forum #new-post-form .new-post-card__header{
    grid-template-columns:44px minmax(0, 1fr) !important;
    gap:10px !important;
    padding:10px 18px 16px !important;
  }

  body.retro-forum #new-post-form #np-author-av{
    width:44px !important;
    height:44px !important;
    border-radius:14px !important;
  }

  body.retro-forum #new-post-form .new-post-card__actions{
    padding:16px 18px 20px !important;
  }

  body.retro-forum #new-post-form .np-category-row{
    align-items:stretch !important;
  }
}

/* TRUE FINAL - Estado de contacto en el borde del avatar con brillo suave. */
body.retro-forum #msn-contact-list button.msn-contact .msn-contact-avatar{
  border-width:3px !important;
  border-style:solid !important;
  box-sizing:border-box !important;
}

body.retro-forum #msn-contact-list button.msn-contact.msn-contact--presence-connected .msn-contact-avatar{
  border-color:#35d977 !important;
  animation:msnAvatarSoftPulseGreen 2.35s ease-in-out infinite !important;
}

body.retro-forum #msn-contact-list button.msn-contact.msn-contact--presence-busy .msn-contact-avatar{
  border-color:#ff4d6d !important;
  animation:msnAvatarSoftPulseRed 2.35s ease-in-out infinite !important;
}

body.retro-forum #msn-contact-list button.msn-contact.msn-contact--presence-unavailable .msn-contact-avatar{
  border-color:#ffd166 !important;
  animation:msnAvatarSoftPulseYellow 2.35s ease-in-out infinite !important;
}

body.retro-forum #msn-contact-list button.msn-contact.msn-contact--presence-invisible .msn-contact-avatar,
body.retro-forum #msn-contact-list button.msn-contact.msn-contact--presence-offline .msn-contact-avatar,
body.retro-forum #msn-contact-list button.msn-contact.offline .msn-contact-avatar{
  border-color:#7f8fa7 !important;
  animation:msnAvatarSoftPulseGray 2.8s ease-in-out infinite !important;
}

@keyframes msnAvatarSoftPulseGreen{
  0%, 100%{box-shadow:0 0 0 1px rgba(53, 217, 119, .14), 0 0 5px rgba(53, 217, 119, .18)}
  50%{box-shadow:0 0 0 4px rgba(53, 217, 119, .2), 0 0 18px rgba(53, 217, 119, .58)}
}

@keyframes msnAvatarSoftPulseRed{
  0%, 100%{box-shadow:0 0 0 1px rgba(255, 77, 109, .14), 0 0 5px rgba(255, 77, 109, .18)}
  50%{box-shadow:0 0 0 4px rgba(255, 77, 109, .18), 0 0 18px rgba(255, 77, 109, .54)}
}

@keyframes msnAvatarSoftPulseYellow{
  0%, 100%{box-shadow:0 0 0 1px rgba(255, 209, 102, .14), 0 0 5px rgba(255, 209, 102, .16)}
  50%{box-shadow:0 0 0 4px rgba(255, 209, 102, .2), 0 0 18px rgba(255, 209, 102, .5)}
}

@keyframes msnAvatarSoftPulseGray{
  0%, 100%{box-shadow:0 0 0 1px rgba(127, 143, 167, .1), 0 0 4px rgba(127, 143, 167, .12)}
  50%{box-shadow:0 0 0 3px rgba(127, 143, 167, .14), 0 0 12px rgba(127, 143, 167, .3)}
}

@media (prefers-reduced-motion: reduce){
  body.retro-forum #msn-contact-list button.msn-contact .msn-contact-avatar{
    animation:none !important;
  }
}

/* ULTIMO OVERRIDE - Chat movil sin panel fantasma arriba. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:calc(var(--fm-header, 64px) + env(safe-area-inset-top, 0px)) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:calc(100dvh - var(--fm-header, 64px) - env(safe-area-inset-top, 0px)) !important;
    max-height:calc(100dvh - var(--fm-header, 64px) - env(safe-area-inset-top, 0px)) !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#24252d !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel,
  body.retro-forum.messenger-chat-active #chat-col #msn-panel,
  body.retro-forum.messenger-chat-active .chat-col #msn-panel{
    display:flex !important;
    visibility:visible !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:8px 8px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-self{
    display:grid !important;
    visibility:visible !important;
    height:auto !important;
    min-height:58px !important;
    max-height:none !important;
    padding:8px !important;
    margin:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-search-row,
  body.retro-forum.messenger-chat-active #msn-panel #msn-search-results,
  body.retro-forum.messenger-chat-active #msn-panel #msn-open-bubbles,
  body.retro-forum.messenger-chat-active #msn-panel .msn-section-title,
  body.retro-forum.messenger-chat-active #msn-panel #msn-folder-list,
  body.retro-forum.messenger-chat-active #msn-panel #msn-contact-list{
    display:none !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell{
    display:flex !important;
    flex:1 1 0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-pages,
  body.retro-forum.messenger-chat-active .msn-chat-page.active{
    flex:1 1 0 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active .msn-chat-peer{
    flex:0 0 58px !important;
    min-height:58px !important;
    margin:0 !important;
    border-radius:0 !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close{
    width:auto !important;
    min-width:78px !important;
    padding:0 12px !important;
  }
}

/* TRUE FINAL - El boton volver no invade la foto del Messenger movil. */
@media (max-width:900px){
  body.retro-forum.messenger-open #msn-panel .msn-self,
  body.retro-forum.chat-open #msn-panel .msn-self{
    display:grid !important;
    grid-template-columns:42px 42px minmax(0, 1fr) 42px !important;
    grid-template-areas:"back avatar copy edit" !important;
    align-items:center !important;
    column-gap:8px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close{
    grid-area:back !important;
    display:inline-flex !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    flex:0 0 42px !important;
    border-radius:12px !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-mobile-close::after,
  body.retro-forum.chat-open #msn-panel .msn-mobile-close::after{
    content:none !important;
  }

  body.retro-forum.messenger-open #msn-panel .msn-self-avatar,
  body.retro-forum.chat-open #msn-panel .msn-self-avatar{
    grid-area:avatar !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    margin:0 !important;
  }
}

/* Absolute last guard: wall posts stay still on hover, touch, press and focus. */
body.retro-forum #page-wall .post-card,
body.retro-forum #page-wall .post-card:hover,
body.retro-forum #page-wall .post-card:active,
body.retro-forum #page-wall .post-card:focus,
body.retro-forum #page-wall .post-card:focus-within,
body.retro-forum #page-wall .post-card.fm-pressing,
body.retro-forum #page-user-wall .post-card,
body.retro-forum #page-user-wall .post-card:hover,
body.retro-forum #page-user-wall .post-card:active,
body.retro-forum #page-user-wall .post-card:focus,
body.retro-forum #page-user-wall .post-card:focus-within,
body.retro-forum #page-user-wall .post-card.fm-pressing,
body.retro-forum #user-wall-posts .post-card,
body.retro-forum #user-wall-posts .post-card:hover,
body.retro-forum #user-wall-posts .post-card:active,
body.retro-forum #user-wall-posts .post-card:focus,
body.retro-forum #user-wall-posts .post-card:focus-within,
body.retro-forum #user-wall-posts .post-card.fm-pressing,
body.retro-forum #page-wall .post-card .post-face-front,
body.retro-forum #page-wall .post-card:hover .post-face-front,
body.retro-forum #page-wall .post-card:active .post-face-front,
body.retro-forum #page-wall .post-card:focus-within .post-face-front,
body.retro-forum #page-user-wall .post-card .post-face-front,
body.retro-forum #page-user-wall .post-card:hover .post-face-front,
body.retro-forum #page-user-wall .post-card:active .post-face-front,
body.retro-forum #page-user-wall .post-card:focus-within .post-face-front,
body.retro-forum #user-wall-posts .post-card .post-face-front,
body.retro-forum #user-wall-posts .post-card:hover .post-face-front,
body.retro-forum #user-wall-posts .post-card:active .post-face-front,
body.retro-forum #user-wall-posts .post-card:focus-within .post-face-front {
  transform:none !important;
  animation:none !important;
  transition:none !important;
}

/* Absolute final guard: center the Messenger profile menu dots inside the button. */
body.retro-forum #msn-panel .msn-edit-profile{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 !important;
  line-height:1 !important;
  text-align:center !important;
  overflow:hidden !important;
}

body.retro-forum #msn-panel .msn-edit-profile .msn-edit-profile-dots{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  pointer-events:none !important;
}

body.retro-forum #msn-panel .msn-edit-profile .msn-edit-profile-dots::before{
  content:"" !important;
  width:5px !important;
  height:5px !important;
  border-radius:999px !important;
  background:#dfe6ff !important;
  box-shadow:-8px 0 0 #dfe6ff, 8px 0 0 #dfe6ff !important;
  transform:none !important;
}

body.retro-forum #msn-panel .msn-edit-profile .msn-edit-profile-text{
  display:none !important;
}

/* Absolute final mobile guard: posts do not react visually to touch. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #page-wall .post-card,
  body.retro-forum #page-wall .post-card:hover,
  body.retro-forum #page-wall .post-card:active,
  body.retro-forum #page-wall .post-card:focus,
  body.retro-forum #page-wall .post-card:focus-within,
  body.retro-forum #page-user-wall .post-card,
  body.retro-forum #page-user-wall .post-card:hover,
  body.retro-forum #page-user-wall .post-card:active,
  body.retro-forum #page-user-wall .post-card:focus,
  body.retro-forum #page-user-wall .post-card:focus-within,
  body.retro-forum #user-wall-posts .post-card,
  body.retro-forum #user-wall-posts .post-card:hover,
  body.retro-forum #user-wall-posts .post-card:active,
  body.retro-forum #user-wall-posts .post-card:focus,
  body.retro-forum #user-wall-posts .post-card:focus-within{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body.retro-forum #page-wall .post-card::before,
  body.retro-forum #page-wall .post-card:hover::before,
  body.retro-forum #page-wall .post-card:active::before,
  body.retro-forum #page-wall .post-card:focus-within::before,
  body.retro-forum #page-user-wall .post-card::before,
  body.retro-forum #page-user-wall .post-card:hover::before,
  body.retro-forum #page-user-wall .post-card:active::before,
  body.retro-forum #page-user-wall .post-card:focus-within::before,
  body.retro-forum #user-wall-posts .post-card::before,
  body.retro-forum #user-wall-posts .post-card:hover::before,
  body.retro-forum #user-wall-posts .post-card:active::before,
  body.retro-forum #user-wall-posts .post-card:focus-within::before{
    display:none !important;
    opacity:0 !important;
  }

  body.retro-forum #page-wall .post-face-front,
  body.retro-forum #page-wall .post-face-front:hover,
  body.retro-forum #page-wall .post-face-front:active,
  body.retro-forum #page-wall .post-face-front:focus-within,
  body.retro-forum #page-wall .post-body,
  body.retro-forum #page-wall [id^="post-body-"],
  body.retro-forum #page-wall .post-img,
  body.retro-forum #page-wall .post-img:hover,
  body.retro-forum #page-wall .post-img:active,
  body.retro-forum #page-wall .post-video,
  body.retro-forum #page-wall .post-video:hover,
  body.retro-forum #page-wall .post-video:active,
  body.retro-forum #page-wall .post-media,
  body.retro-forum #page-wall .post-media:hover,
  body.retro-forum #page-wall .post-media:active,
  body.retro-forum #page-wall .post-embed,
  body.retro-forum #page-wall .post-embed:hover,
  body.retro-forum #page-wall .post-embed:active,
  body.retro-forum #page-wall .post-sticker,
  body.retro-forum #page-wall .post-sticker:hover,
  body.retro-forum #page-wall .post-sticker:active,
  body.retro-forum #page-user-wall .post-face-front,
  body.retro-forum #page-user-wall .post-face-front:hover,
  body.retro-forum #page-user-wall .post-face-front:active,
  body.retro-forum #page-user-wall .post-face-front:focus-within,
  body.retro-forum #page-user-wall .post-body,
  body.retro-forum #page-user-wall [id^="post-body-"],
  body.retro-forum #page-user-wall .post-img,
  body.retro-forum #page-user-wall .post-img:hover,
  body.retro-forum #page-user-wall .post-img:active,
  body.retro-forum #page-user-wall .post-video,
  body.retro-forum #page-user-wall .post-video:hover,
  body.retro-forum #page-user-wall .post-video:active,
  body.retro-forum #page-user-wall .post-media,
  body.retro-forum #page-user-wall .post-media:hover,
  body.retro-forum #page-user-wall .post-media:active,
  body.retro-forum #page-user-wall .post-embed,
  body.retro-forum #page-user-wall .post-embed:hover,
  body.retro-forum #page-user-wall .post-embed:active,
  body.retro-forum #page-user-wall .post-sticker,
  body.retro-forum #page-user-wall .post-sticker:hover,
  body.retro-forum #page-user-wall .post-sticker:active,
  body.retro-forum #user-wall-posts .post-face-front,
  body.retro-forum #user-wall-posts .post-face-front:hover,
  body.retro-forum #user-wall-posts .post-face-front:active,
  body.retro-forum #user-wall-posts .post-face-front:focus-within,
  body.retro-forum #user-wall-posts .post-body,
  body.retro-forum #user-wall-posts [id^="post-body-"],
  body.retro-forum #user-wall-posts .post-img,
  body.retro-forum #user-wall-posts .post-img:hover,
  body.retro-forum #user-wall-posts .post-img:active,
  body.retro-forum #user-wall-posts .post-video,
  body.retro-forum #user-wall-posts .post-video:hover,
  body.retro-forum #user-wall-posts .post-video:active,
  body.retro-forum #user-wall-posts .post-media,
  body.retro-forum #user-wall-posts .post-media:hover,
  body.retro-forum #user-wall-posts .post-media:active,
  body.retro-forum #user-wall-posts .post-embed,
  body.retro-forum #user-wall-posts .post-embed:hover,
  body.retro-forum #user-wall-posts .post-embed:active,
  body.retro-forum #user-wall-posts .post-sticker,
  body.retro-forum #user-wall-posts .post-sticker:hover,
  body.retro-forum #user-wall-posts .post-sticker:active{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
  }
}
/* True last mobile no-motion guard for wall posts. */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  body.retro-forum #page-wall .post-card,
  body.retro-forum #page-wall .post-card *,
  body.retro-forum #page-wall .post-card::before,
  body.retro-forum #page-wall .post-card *::before,
  body.retro-forum #page-wall .post-card *::after,
  body.retro-forum #page-user-wall .post-card,
  body.retro-forum #page-user-wall .post-card *,
  body.retro-forum #page-user-wall .post-card::before,
  body.retro-forum #page-user-wall .post-card *::before,
  body.retro-forum #page-user-wall .post-card *::after,
  body.retro-forum #user-wall-posts .post-card,
  body.retro-forum #user-wall-posts .post-card *,
  body.retro-forum #user-wall-posts .post-card::before,
  body.retro-forum #user-wall-posts .post-card *::before,
  body.retro-forum #user-wall-posts .post-card *::after{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body.retro-forum #page-wall .post-card:hover,
  body.retro-forum #page-wall .post-card:active,
  body.retro-forum #page-wall .post-card:focus,
  body.retro-forum #page-wall .post-card:focus-within,
  body.retro-forum #page-user-wall .post-card:hover,
  body.retro-forum #page-user-wall .post-card:active,
  body.retro-forum #page-user-wall .post-card:focus,
  body.retro-forum #page-user-wall .post-card:focus-within,
  body.retro-forum #user-wall-posts .post-card:hover,
  body.retro-forum #user-wall-posts .post-card:active,
  body.retro-forum #user-wall-posts .post-card:focus,
  body.retro-forum #user-wall-posts .post-card:focus-within{
    border-color:rgba(70,69,85,.88) !important;
    outline:none !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
  }

  body.retro-forum #page-wall .post-card:hover::before,
  body.retro-forum #page-wall .post-card:active::before,
  body.retro-forum #page-wall .post-card:focus-within::before,
  body.retro-forum #page-user-wall .post-card:hover::before,
  body.retro-forum #page-user-wall .post-card:active::before,
  body.retro-forum #page-user-wall .post-card:focus-within::before,
  body.retro-forum #user-wall-posts .post-card:hover::before,
  body.retro-forum #user-wall-posts .post-card:active::before,
  body.retro-forum #user-wall-posts .post-card:focus-within::before{
    content:none !important;
    display:none !important;
    opacity:0 !important;
  }
}
/* Chrome/Safari Android/iOS mobile compatibility layer. */
:root{
  --fm-vh:var(--vvh, 100vh);
  --fm-window-height:100vh;
  --fm-safe-top:env(safe-area-inset-top, 0px);
  --fm-safe-right:env(safe-area-inset-right, 0px);
  --fm-safe-bottom:env(safe-area-inset-bottom, 0px);
  --fm-safe-left:env(safe-area-inset-left, 0px);
}

@supports (height:100dvh){
  :root{ --fm-css-vh:100dvh; }
}

@supports (height:100svh){
  :root{ --fm-small-vh:100svh; }
}

@media (max-width:900px), (hover:none) and (pointer:coarse){
  html,
  body.retro-forum{
    width:100% !important;
    min-width:0 !important;
    height:var(--fm-vh) !important;
    min-height:var(--fm-vh) !important;
    max-height:var(--fm-vh) !important;
    overflow:hidden !important;
    overscroll-behavior:none !important;
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
    -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
  }

  body.retro-forum,
  body.retro-forum #app,
  body.retro-forum .app-layout{
    min-width:0 !important;
    max-width:100vw !important;
  }

  body.retro-forum #app{
    height:var(--fm-vh) !important;
    min-height:var(--fm-vh) !important;
    max-height:var(--fm-vh) !important;
    overflow:hidden !important;
    padding-bottom:0 !important;
  }

  body.retro-forum .navbar.navbar--minimal{
    width:100% !important;
    max-width:100vw !important;
    padding-left:max(10px, var(--fm-safe-left)) !important;
    padding-right:max(10px, var(--fm-safe-right)) !important;
    flex-shrink:0 !important;
  }

  body.retro-forum .app-layout{
    height:calc(var(--fm-vh) - var(--fm-header, 64px)) !important;
    min-height:0 !important;
    max-height:calc(var(--fm-vh) - var(--fm-header, 64px)) !important;
    overflow:hidden !important;
  }

  body.retro-forum #main-col,
  body.retro-forum .main-col{
    height:calc(var(--fm-vh) - var(--fm-header, 64px)) !important;
    min-height:0 !important;
    max-height:calc(var(--fm-vh) - var(--fm-header, 64px)) !important;
    width:100% !important;
    max-width:100vw !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain !important;
    scroll-padding-top:calc(var(--fm-header, 64px) + 10px) !important;
    padding-left:max(8px, var(--fm-safe-left)) !important;
    padding-right:max(8px, var(--fm-safe-right)) !important;
    padding-bottom:calc(28px + var(--fm-safe-bottom)) !important;
  }

  body.retro-forum img,
  body.retro-forum video,
  body.retro-forum canvas,
  body.retro-forum iframe{
    max-width:100% !important;
  }

  body.retro-forum input,
  body.retro-forum textarea,
  body.retro-forum select{
    font-size:16px !important;
    max-width:100% !important;
  }

  body.retro-forum button,
  body.retro-forum input,
  body.retro-forum textarea,
  body.retro-forum select,
  body.retro-forum a{
    touch-action:manipulation;
  }

  body.retro-forum .auth-screen,
  body.retro-forum .modal-overlay,
  body.retro-forum .feed-interest-overlay,
  body.retro-forum .profile-friends-modal-overlay{
    min-height:var(--fm-vh) !important;
    height:var(--fm-vh) !important;
    padding-top:calc(12px + var(--fm-safe-top)) !important;
    padding-right:max(12px, var(--fm-safe-right)) !important;
    padding-bottom:calc(12px + var(--fm-safe-bottom)) !important;
    padding-left:max(12px, var(--fm-safe-left)) !important;
  }

  body.retro-forum .auth-box,
  body.retro-forum .modal,
  body.retro-forum .feed-interest-modal,
  body.retro-forum .profile-friends-modal{
    max-height:calc(var(--fm-vh) - 24px - var(--fm-safe-top) - var(--fm-safe-bottom)) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.retro-forum.messenger-open #msn-panel,
  body.retro-forum.chat-open #msn-panel{
    max-height:calc(var(--fm-vh) - var(--fm-header, 64px) - var(--fm-safe-bottom)) !important;
    overflow:hidden auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col{
    top:calc(var(--fm-header, 64px) + var(--fm-safe-top)) !important;
    right:0 !important;
    bottom:auto !important;
    left:0 !important;
    width:100vw !important;
    height:calc(var(--fm-vh) - var(--fm-header, 64px) - var(--fm-safe-top)) !important;
    min-height:0 !important;
    max-height:calc(var(--fm-vh) - var(--fm-header, 64px) - var(--fm-safe-top)) !important;
    padding-right:var(--fm-safe-right) !important;
    padding-bottom:var(--fm-safe-bottom) !important;
    padding-left:var(--fm-safe-left) !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell,
  body.retro-forum.messenger-chat-active #msn-chat-pages,
  body.retro-forum.messenger-chat-active .msn-chat-pages,
  body.retro-forum.messenger-chat-active .msn-chat-page.active{
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active .msn-dm-messages{
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-compose{
    flex-shrink:0 !important;
    padding-bottom:calc(8px + var(--fm-safe-bottom)) !important;
  }

  body.retro-forum.fm-keyboard-open #main-col,
  body.retro-forum.fm-keyboard-open .main-col{
    padding-bottom:calc(18px + var(--fm-safe-bottom)) !important;
  }

  body.retro-forum.fm-keyboard-open.messenger-chat-active #chat-col,
  body.retro-forum.fm-keyboard-open.messenger-chat-active .chat-col{
    height:calc(var(--fm-vh) - var(--fm-header, 64px) - var(--fm-safe-top)) !important;
    max-height:calc(var(--fm-vh) - var(--fm-header, 64px) - var(--fm-safe-top)) !important;
  }
}

@media (max-width:900px) and (orientation:landscape){
  body.retro-forum{
    --fm-header:56px;
  }

  body.retro-forum #main-col,
  body.retro-forum .main-col{
    padding-top:8px !important;
    padding-bottom:calc(18px + var(--fm-safe-bottom)) !important;
  }
}

/* Spot interaction hard stop: published posts must not zoom/lift on hover, touch, focus or press. */
body.retro-forum #page-wall .post-card,
body.retro-forum #page-wall .post-card:hover,
body.retro-forum #page-wall .post-card:active,
body.retro-forum #page-wall .post-card:focus,
body.retro-forum #page-wall .post-card:focus-within,
body.retro-forum #page-wall .post-card.fm-pressing,
body.retro-forum #page-user-wall .post-card,
body.retro-forum #page-user-wall .post-card:hover,
body.retro-forum #page-user-wall .post-card:active,
body.retro-forum #page-user-wall .post-card:focus,
body.retro-forum #page-user-wall .post-card:focus-within,
body.retro-forum #page-user-wall .post-card.fm-pressing,
body.retro-forum #user-wall-posts .post-card,
body.retro-forum #user-wall-posts .post-card:hover,
body.retro-forum #user-wall-posts .post-card:active,
body.retro-forum #user-wall-posts .post-card:focus,
body.retro-forum #user-wall-posts .post-card:focus-within,
body.retro-forum #user-wall-posts .post-card.fm-pressing,
body.retro-forum #page-wall .post-card .post-face-front,
body.retro-forum #page-wall .post-card:hover .post-face-front,
body.retro-forum #page-wall .post-card:active .post-face-front,
body.retro-forum #page-wall .post-card:focus-within .post-face-front,
body.retro-forum #page-user-wall .post-card .post-face-front,
body.retro-forum #page-user-wall .post-card:hover .post-face-front,
body.retro-forum #page-user-wall .post-card:active .post-face-front,
body.retro-forum #page-user-wall .post-card:focus-within .post-face-front,
body.retro-forum #user-wall-posts .post-card .post-face-front,
body.retro-forum #user-wall-posts .post-card:hover .post-face-front,
body.retro-forum #user-wall-posts .post-card:active .post-face-front,
body.retro-forum #user-wall-posts .post-card:focus-within .post-face-front {
  transform:none !important;
  translate:none !important;
  scale:none !important;
  rotate:none !important;
  animation:none !important;
  transition:none !important;
  filter:none !important;
}

body.retro-forum #page-wall .post-card::before,
body.retro-forum #page-wall .post-card:hover::before,
body.retro-forum #page-wall .post-card:active::before,
body.retro-forum #page-wall .post-card:focus-within::before,
body.retro-forum #page-user-wall .post-card::before,
body.retro-forum #page-user-wall .post-card:hover::before,
body.retro-forum #page-user-wall .post-card:active::before,
body.retro-forum #page-user-wall .post-card:focus-within::before,
body.retro-forum #user-wall-posts .post-card::before,
body.retro-forum #user-wall-posts .post-card:hover::before,
body.retro-forum #user-wall-posts .post-card:active::before,
body.retro-forum #user-wall-posts .post-card:focus-within::before {
  content:none !important;
  display:none !important;
  opacity:0 !important;
}

body.retro-forum #page-wall .post-card .post-img,
body.retro-forum #page-wall .post-card .post-sticker,
body.retro-forum #page-wall .post-card .post-body img,
body.retro-forum #page-wall .post-card [id^="post-body-"] img,
body.retro-forum #page-wall .post-card .post-body video,
body.retro-forum #page-wall .post-card [id^="post-body-"] video,
body.retro-forum #page-user-wall .post-card .post-img,
body.retro-forum #page-user-wall .post-card .post-sticker,
body.retro-forum #page-user-wall .post-card .post-body img,
body.retro-forum #page-user-wall .post-card [id^="post-body-"] img,
body.retro-forum #page-user-wall .post-card .post-body video,
body.retro-forum #page-user-wall .post-card [id^="post-body-"] video,
body.retro-forum #user-wall-posts .post-card .post-img,
body.retro-forum #user-wall-posts .post-card .post-sticker,
body.retro-forum #user-wall-posts .post-card .post-body img,
body.retro-forum #user-wall-posts .post-card [id^="post-body-"] img,
body.retro-forum #user-wall-posts .post-card .post-body video,
body.retro-forum #user-wall-posts .post-card [id^="post-body-"] video,
body.retro-forum #page-wall .post-card:hover .post-img,
body.retro-forum #page-wall .post-card:hover .post-sticker,
body.retro-forum #page-wall .post-card:hover .post-body img,
body.retro-forum #page-wall .post-card:hover [id^="post-body-"] img,
body.retro-forum #page-user-wall .post-card:hover .post-img,
body.retro-forum #page-user-wall .post-card:hover .post-sticker,
body.retro-forum #page-user-wall .post-card:hover .post-body img,
body.retro-forum #page-user-wall .post-card:hover [id^="post-body-"] img,
body.retro-forum #user-wall-posts .post-card:hover .post-img,
body.retro-forum #user-wall-posts .post-card:hover .post-sticker,
body.retro-forum #user-wall-posts .post-card:hover .post-body img,
body.retro-forum #user-wall-posts .post-card:hover [id^="post-body-"] img {
  transform:none !important;
  translate:none !important;
  scale:none !important;
  rotate:none !important;
  animation:none !important;
  transition:none !important;
  filter:none !important;
}

body.retro-forum #page-wall .post-reactions button,
body.retro-forum #page-wall .post-reactions button:hover,
body.retro-forum #page-wall .post-reactions button:active,
body.retro-forum #page-wall .post-reactions button.fm-pressing,
body.retro-forum #page-wall .post-reactions button:hover .react-icon,
body.retro-forum #page-wall .post-reactions button:active .react-icon,
body.retro-forum #page-wall .post-reactions button.fm-pressing .react-icon,
body.retro-forum #page-wall .post-reactions button:hover .comment-btn-icon,
body.retro-forum #page-wall .post-reactions button:active .comment-btn-icon,
body.retro-forum #page-wall .post-reactions button.fm-pressing .comment-btn-icon,
body.retro-forum #page-user-wall .post-reactions button,
body.retro-forum #page-user-wall .post-reactions button:hover,
body.retro-forum #page-user-wall .post-reactions button:active,
body.retro-forum #page-user-wall .post-reactions button.fm-pressing,
body.retro-forum #page-user-wall .post-reactions button:hover .react-icon,
body.retro-forum #page-user-wall .post-reactions button:active .react-icon,
body.retro-forum #page-user-wall .post-reactions button.fm-pressing .react-icon,
body.retro-forum #page-user-wall .post-reactions button:hover .comment-btn-icon,
body.retro-forum #page-user-wall .post-reactions button:active .comment-btn-icon,
body.retro-forum #page-user-wall .post-reactions button.fm-pressing .comment-btn-icon,
body.retro-forum #user-wall-posts .post-reactions button,
body.retro-forum #user-wall-posts .post-reactions button:hover,
body.retro-forum #user-wall-posts .post-reactions button:active,
body.retro-forum #user-wall-posts .post-reactions button.fm-pressing,
body.retro-forum #user-wall-posts .post-reactions button:hover .react-icon,
body.retro-forum #user-wall-posts .post-reactions button:active .react-icon,
body.retro-forum #user-wall-posts .post-reactions button.fm-pressing .react-icon,
body.retro-forum #user-wall-posts .post-reactions button:hover .comment-btn-icon,
body.retro-forum #user-wall-posts .post-reactions button:active .comment-btn-icon,
body.retro-forum #user-wall-posts .post-reactions button.fm-pressing .comment-btn-icon {
  transform:none !important;
  translate:none !important;
  scale:none !important;
  rotate:none !important;
  animation:none !important;
}

body.retro-forum #page-wall .post-card,
body.retro-forum #page-wall .post-card *,
body.retro-forum #page-user-wall .post-card,
body.retro-forum #page-user-wall .post-card *,
body.retro-forum #user-wall-posts .post-card,
body.retro-forum #user-wall-posts .post-card * {
  -webkit-tap-highlight-color:transparent !important;
}

/* TRUE FINAL - Nuevo post: la ventana no debe tapar el fondo del muro. */
body.retro-forum #new-post-form.new-post-card{
  background:transparent !important;
  box-shadow:none !important;
}

body.retro-forum #new-post-form .new-post-card__header{
  background:transparent !important;
}

/* TRUE FINAL - Nuevo post: rediseño oscuro, transparente y legible. */
body.retro-forum #new-post-form.new-post-card{
  width:min(640px, calc(100vw - 20px)) !important;
  margin:14px auto 22px !important;
  position:relative !important;
  inset:auto !important;
  z-index:auto !important;
  display:block !important;
  flex-direction:initial !important;
  align-items:initial !important;
  justify-content:initial !important;
  transform:none !important;
  padding:0 !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  border:1px solid rgba(72, 164, 214, .48) !important;
  border-right:1px solid rgba(72, 164, 214, .48) !important;
  border-radius:18px !important;
  background:rgba(9, 15, 27, .96) !important;
  color:#eef7ff !important;
  box-shadow:0 18px 54px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.retro-forum #new-post-form.new-post-card[style*="none"]{
  display:none !important;
}

body.retro-forum #new-post-form.new-post-card[style*="block"]{
  position:fixed !important;
  inset:0 !important;
  z-index:1300 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100vw !important;
  max-width:none !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:18px !important;
  overflow:auto !important;
  background:rgba(4, 9, 18, .82) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(10px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(120%) !important;
}

body.retro-forum #new-post-form.new-post-card::before{
  content:none !important;
  display:none !important;
}

body.retro-forum #new-post-form .new-post-card__header{
  width:auto !important;
  grid-template-columns:minmax(0, 1fr) !important;
  gap:10px !important;
  padding:12px 16px 14px !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
}

body.retro-forum #new-post-form #np-author-av{
  display:none !important;
}

body.retro-forum #new-post-form #np-text,
body.retro-forum #new-post-form textarea#np-text.np-textarea{
  min-height:86px !important;
  padding:12px 14px !important;
  border:1px solid rgba(133, 199, 238, .34) !important;
  border-radius:12px !important;
  background:rgba(232, 246, 255, .88) !important;
  color:#102133 !important;
  -webkit-text-fill-color:#102133 !important;
  caret-color:#139fd4 !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}

body.retro-forum #new-post-form #np-text::placeholder,
body.retro-forum #new-post-form textarea#np-text.np-textarea::placeholder{
  color:rgba(27, 57, 82, .58) !important;
  -webkit-text-fill-color:rgba(27, 57, 82, .58) !important;
}

body.retro-forum #new-post-form .new-post-card__actions{
  width:auto !important;
  padding:0 16px 16px !important;
  border-left:0 !important;
  border-right:0 !important;
  background:transparent !important;
}

body.retro-forum #new-post-form.new-post-card[style*="block"]::before{
  content:none !important;
  display:none !important;
}

body.retro-forum #new-post-form.new-post-card[style*="block"] .new-post-card__header,
body.retro-forum #new-post-form.new-post-card[style*="block"] .new-post-card__actions{
  width:min(640px, calc(100vw - 36px)) !important;
  background:rgba(9, 15, 27, .98) !important;
  border-left:1px solid rgba(72, 164, 214, .48) !important;
  border-right:1px solid rgba(72, 164, 214, .48) !important;
}

body.retro-forum #new-post-form.new-post-card[style*="block"] .new-post-card__header{
  border-top:1px solid rgba(72, 164, 214, .48) !important;
  border-radius:18px 18px 0 0 !important;
}

body.retro-forum #new-post-form.new-post-card[style*="block"] .new-post-card__actions{
  border-bottom:1px solid rgba(72, 164, 214, .48) !important;
  border-radius:0 0 18px 18px !important;
  box-shadow:0 20px 64px rgba(0, 0, 0, .42) !important;
}

body.retro-forum #new-post-form.new-post-card .new-post-card__header::before,
body.retro-forum #new-post-form.new-post-card[style*="block"] .new-post-card__header::before{
  content:none !important;
  display:none !important;
}

body.retro-forum #new-post-form .np-category-row,
body.retro-forum #new-post-form .new-post-card__actions > div[style*="display:flex"]{
  display:grid !important;
  gap:10px !important;
  padding:10px !important;
  margin:0 0 12px !important;
  border:1px solid rgba(116, 184, 224, .24) !important;
  border-radius:14px !important;
  background:rgba(102, 136, 167, .22) !important;
  box-shadow:none !important;
}

body.retro-forum #new-post-form .np-category-row{
  grid-template-columns:1fr !important;
  align-items:stretch !important;
}

body.retro-forum #new-post-form .np-category-row label{
  color:#4ed6ff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.14em !important;
}

body.retro-forum #new-post-form .np-category-combobox{
  width:100% !important;
  min-width:0 !important;
}

body.retro-forum #new-post-form .np-category-input,
body.retro-forum #new-post-form #np-url{
  width:100% !important;
  min-height:38px !important;
  padding:0 12px !important;
  border:1px solid rgba(125, 192, 232, .32) !important;
  border-radius:11px !important;
  background:rgba(226, 243, 255, .9) !important;
  color:#102133 !important;
  -webkit-text-fill-color:#102133 !important;
  box-shadow:none !important;
}

body.retro-forum #new-post-form .np-category-input::placeholder,
body.retro-forum #new-post-form #np-url::placeholder{
  color:rgba(31, 62, 88, .48) !important;
  -webkit-text-fill-color:rgba(31, 62, 88, .48) !important;
}

body.retro-forum #new-post-form .np-category-input:focus,
body.retro-forum #new-post-form #np-url:focus,
body.retro-forum #new-post-form #np-text:focus{
  border-color:rgba(78, 214, 255, .78) !important;
  box-shadow:0 0 0 3px rgba(78, 214, 255, .16) !important;
}

body.retro-forum #new-post-form .new-post-card__actions > div[style*="display:flex"]{
  grid-template-columns:repeat(2, 44px) !important;
  align-items:center !important;
  justify-content:center !important;
}

body.retro-forum #new-post-form #np-url{
  grid-column:1 / -2 !important;
  flex:auto !important;
}

body.retro-forum #new-post-form #np-clear{
  grid-column:-2 / -1 !important;
}

body.retro-forum #new-post-form .file-btn,
body.retro-forum #new-post-form .btn.btn-ghost.btn-sm,
body.retro-forum #new-post-form #np-clear{
  min-width:0 !important;
  min-height:36px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(221, 241, 255, .92) !important;
  color:#0f3145 !important;
  -webkit-text-fill-color:#0f3145 !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  white-space:nowrap !important;
  box-shadow:0 8px 18px rgba(0, 0, 0, .12) !important;
}

body.retro-forum #new-post-form .np-icon-btn{
  width:44px !important;
  min-width:44px !important;
  max-width:44px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  overflow:hidden !important;
  font-size:0 !important;
}

body.retro-forum #new-post-form .np-sticker-btn{
  background:rgba(19, 26, 42, .96) !important;
  color:#d8e3f2 !important;
  -webkit-text-fill-color:#d8e3f2 !important;
  border:1px solid rgba(137, 153, 176, .35) !important;
  box-shadow:none !important;
}

body.retro-forum #new-post-form .np-attach-btn{
  background:rgba(19, 26, 42, .96) !important;
  color:#d8e3f2 !important;
  -webkit-text-fill-color:#d8e3f2 !important;
  border:1px solid rgba(137, 153, 176, .35) !important;
  box-shadow:none !important;
}

body.retro-forum #new-post-form .sticker-wrap{
  display:flex !important;
  justify-content:center !important;
  min-width:0 !important;
}

body.retro-forum #new-post-form .file-btn svg,
body.retro-forum #new-post-form .btn.btn-ghost.btn-sm svg{
  width:15px !important;
  height:15px !important;
  flex:0 0 15px !important;
}

body.retro-forum #new-post-form .np-sticker-btn svg{
  width:16px !important;
  height:16px !important;
  fill:none !important;
  stroke:currentColor !important;
}

body.retro-forum #new-post-form .np-attach-btn svg{
  width:16px !important;
  height:16px !important;
  fill:none !important;
  stroke:currentColor !important;
}

body.retro-forum #new-post-form .file-btn:hover,
body.retro-forum #new-post-form .btn.btn-ghost.btn-sm:hover{
  background:#ffffff !important;
  transform:none !important;
}

body.retro-forum #new-post-form .np-sticker-btn:hover{
  background:rgba(28, 38, 59, 1) !important;
}

body.retro-forum #new-post-form .np-attach-btn:hover{
  background:rgba(28, 38, 59, 1) !important;
}

body.retro-forum #new-post-form .flex.g2.mt2{
  justify-content:center !important;
  gap:12px !important;
  margin-top:14px !important;
}

body.retro-forum #new-post-form #np-submit-btn,
body.retro-forum #new-post-form .flex.g2.mt2 .btn-ghost{
  min-width:112px !important;
  min-height:40px !important;
  border-radius:999px !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}

body.retro-forum #new-post-form #np-submit-btn{
  background:linear-gradient(180deg, #4ed6ff, #20a8df) !important;
  color:#062237 !important;
  -webkit-text-fill-color:#062237 !important;
  box-shadow:0 12px 26px rgba(32, 168, 223, .26) !important;
}

body.retro-forum #new-post-form .flex.g2.mt2 .btn-ghost{
  border:1px solid rgba(153, 211, 246, .34) !important;
  background:rgba(221, 241, 255, .86) !important;
  color:#0f3145 !important;
  -webkit-text-fill-color:#0f3145 !important;
}

@media (max-width:700px){
  body.retro-forum #new-post-form.new-post-card{
    width:calc(100vw - 22px) !important;
    border-radius:16px !important;
  }

  body.retro-forum #new-post-form.new-post-card::before{
    padding-top:16px !important;
  }

  body.retro-forum #new-post-form .new-post-card__header,
  body.retro-forum #new-post-form .new-post-card__actions{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* TRUE FINAL - Desktop Messenger keeps the same status bar shown on mobile. */
@media (min-width:901px){
  body.retro-forum.messenger-chat-active #msn-panel .msn-self{
    display:grid !important;
    visibility:visible !important;
    height:auto !important;
    min-height:58px !important;
    max-height:none !important;
    grid-template-columns:42px minmax(0, 1fr) 42px !important;
    grid-template-areas:"avatar copy edit" !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(143, 199, 255, .22) !important;
    border-radius:0 !important;
    background:#11131b !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-mobile-close{
    display:none !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-self-status,
  body.retro-forum.messenger-chat-active #msn-panel .msn-status-picker{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

body.retro-forum.messenger-chat-active #msn-chat-shell{
    flex:1 1 0 !important;
    min-height:0 !important;
  }
}

/* TRUE FINAL - Muro movil con la misma estructura centrada y comentarios a pantalla completa. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum{
    overflow-x:hidden !important;
  }

  html body.retro-forum .main-col,
  html body.retro-forum #main-col{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall,
  html body.retro-forum #page-user-wall,
  html body.retro-forum #posts-list,
  html body.retro-forum #user-wall-posts{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #posts-list,
  html body.retro-forum #user-wall-posts{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:14px !important;
  }

  html body.retro-forum #page-wall .feed-header,
  html body.retro-forum #page-user-wall .feed-header,
  html body.retro-forum #posts-list .post-card,
  html body.retro-forum #user-wall-posts .post-card,
  html body.retro-forum #page-wall .post-card,
  html body.retro-forum #page-user-wall .post-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-left-width:1px !important;
    border-right-width:1px !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #posts-list .post-face-front,
  html body.retro-forum #user-wall-posts .post-face-front,
  html body.retro-forum #page-wall .post-face-front,
  html body.retro-forum #page-user-wall .post-face-front{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum .post-card.is-flipped .post-face-back,
  html body.retro-forum #posts-list .post-card.is-flipped .post-face-back,
  html body.retro-forum #user-wall-posts .post-card.is-flipped .post-face-back,
  html body.retro-forum #page-wall .post-card.is-flipped .post-face-back,
  html body.retro-forum #page-user-wall .post-card.is-flipped .post-face-back{
    position:fixed !important;
    top:var(--fm-header) !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:9000 !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    height:calc(100dvh - var(--fm-header)) !important;
    max-height:calc(100dvh - var(--fm-header)) !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    transform:none !important;
    animation:none !important;
    overflow:hidden !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    background:#111722 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
  }
}

/* TRUE FINAL - Galeria con transicion de carga al cambiar de seccion. */
body.retro-forum #user-wall-gallery .uwx-gallery-card.is-gallery-loading{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

body.retro-forum #user-wall-gallery .uwx-gallery-grid--loading{
  width:100% !important;
  min-height:190px !important;
  flex:1 1 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  grid-auto-flow:row !important;
  place-items:center !important;
  justify-items:center !important;
  align-items:center !important;
  padding:24px !important;
}

body.retro-forum #user-wall-gallery .uwx-gallery-loading{
  grid-column:1 / -1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  justify-self:center !important;
  align-self:center !important;
  margin:auto !important;
  width:max-content !important;
  max-width:calc(100% - 24px) !important;
  min-height:48px !important;
  padding:10px 16px !important;
  border:1px solid rgba(143,199,255,.22) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(20,26,39,.92), rgba(12,16,25,.94)) !important;
  color:#eef3ff !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
  animation:uwxGalleryLoadingIn .18s ease-out both !important;
}

body.retro-forum #user-wall-gallery .uwx-gallery-loading .cvb-spinner{
  width:28px !important;
  height:28px !important;
  border-width:3px !important;
  border-color:rgba(255,255,255,.16) !important;
  border-top-color:#4cd7f6 !important;
}

body.retro-forum #user-wall-gallery .uwx-gallery-loading span:last-child{
  color:#eef3ff !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.retro-forum #user-wall-gallery .uwx-gallery-grid--loading{
    min-height:180px !important;
    grid-template-columns:minmax(0, 1fr) !important;
    place-items:center !important;
    padding:20px 12px !important;
  }

  body.retro-forum #user-wall-gallery .uwx-gallery-loading{
    grid-column:1 / -1 !important;
    justify-self:center !important;
    align-self:center !important;
    margin:auto !important;
    width:max-content !important;
    max-width:calc(100vw - 44px) !important;
  }
}

@keyframes uwxGalleryLoadingIn{
  from{opacity:0;transform:translateY(6px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* TRUE FINAL - En escritorio el menu lateral queda siempre desplegado. */
@media (min-width:1025px){
  body.retro-forum{
    --fm-left:280px !important;
  }

  body.retro-forum #mobile-hud-drawer{
    width:var(--fm-left) !important;
    max-width:var(--fm-left) !important;
    transform:none !important;
    overflow:visible !important;
    transition:none !important;
    box-shadow:inset -1px 0 0 rgba(127, 177, 255, .18) !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action{
    grid-template-columns:68px minmax(0, 1fr) !important;
    justify-content:start !important;
    justify-items:start !important;
    width:100% !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon{
    justify-self:center !important;
    align-self:center !important;
  }

  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__text{
    display:block !important;
    align-self:center !important;
    max-width:190px !important;
    opacity:1 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    transform:translateX(0) !important;
  }

body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-tooltip]::before,
  body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-tooltip]::after{
    display:none !important;
  }
}

/* TRUE FINAL - Publicaciones centradas y sin movimiento fuera de la barra de acciones. */
body.retro-forum #page-wall,
body.retro-forum #page-user-wall{
  margin-left:auto !important;
  margin-right:auto !important;
}

body.retro-forum #posts-list,
body.retro-forum #user-wall-posts{
  width:100% !important;
  max-width:var(--fm-feed) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  align-items:center !important;
}

body.retro-forum #posts-list .post-card,
body.retro-forum #user-wall-posts .post-card,
body.retro-forum #page-wall .post-card,
body.retro-forum #page-user-wall .post-card{
  width:100% !important;
  max-width:var(--fm-feed) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* TRUE FINAL - El disparador de nuevo post queda centrado paralelo a las publicaciones. */
body.retro-forum #page-wall .feed-header{
  width:calc(100% - 24px) !important;
  max-width:calc(var(--fm-feed) - 24px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

body.retro-forum #posts-list .post-card,
body.retro-forum #posts-list .post-card:hover,
body.retro-forum #posts-list .post-card:active,
body.retro-forum #posts-list .post-card:focus,
body.retro-forum #posts-list .post-card:focus-within,
body.retro-forum #posts-list .post-card.fm-pressing,
body.retro-forum #user-wall-posts .post-card,
body.retro-forum #user-wall-posts .post-card:hover,
body.retro-forum #user-wall-posts .post-card:active,
body.retro-forum #user-wall-posts .post-card:focus,
body.retro-forum #user-wall-posts .post-card:focus-within,
body.retro-forum #user-wall-posts .post-card.fm-pressing{
  transform:none !important;
  animation:none !important;
  transition:none !important;
  filter:none !important;
  box-shadow:none !important;
}

body.retro-forum #posts-list .post-card::before,
body.retro-forum #posts-list .post-card:hover::before,
body.retro-forum #posts-list .post-card:active::before,
body.retro-forum #posts-list .post-card:focus-within::before,
body.retro-forum #user-wall-posts .post-card::before,
body.retro-forum #user-wall-posts .post-card:hover::before,
body.retro-forum #user-wall-posts .post-card:active::before,
body.retro-forum #user-wall-posts .post-card:focus-within::before{
  content:none !important;
  display:none !important;
  opacity:0 !important;
}

body.retro-forum #posts-list .post-face-front,
body.retro-forum #posts-list .post-face-front:hover,
body.retro-forum #posts-list .post-face-front:active,
body.retro-forum #posts-list .post-face-front:focus-within,
body.retro-forum #posts-list .post-face-back,
body.retro-forum #posts-list .post-face-back:hover,
body.retro-forum #posts-list .post-body,
body.retro-forum #posts-list [id^="post-body-"],
body.retro-forum #posts-list .post-header,
body.retro-forum #posts-list .post-avatar,
body.retro-forum #posts-list .post-avatar:hover,
body.retro-forum #posts-list .post-media,
body.retro-forum #posts-list .post-media:hover,
body.retro-forum #posts-list .post-img,
body.retro-forum #posts-list .post-img:hover,
body.retro-forum #posts-list .post-video,
body.retro-forum #posts-list .post-video:hover,
body.retro-forum #posts-list .post-embed,
body.retro-forum #posts-list .post-embed:hover,
body.retro-forum #posts-list .post-sticker,
body.retro-forum #posts-list .post-sticker:hover,
body.retro-forum #user-wall-posts .post-face-front,
body.retro-forum #user-wall-posts .post-face-front:hover,
body.retro-forum #user-wall-posts .post-face-front:active,
body.retro-forum #user-wall-posts .post-face-front:focus-within,
body.retro-forum #user-wall-posts .post-face-back,
body.retro-forum #user-wall-posts .post-face-back:hover,
body.retro-forum #user-wall-posts .post-body,
body.retro-forum #user-wall-posts [id^="post-body-"],
body.retro-forum #user-wall-posts .post-header,
body.retro-forum #user-wall-posts .post-avatar,
body.retro-forum #user-wall-posts .post-avatar:hover,
body.retro-forum #user-wall-posts .post-media,
body.retro-forum #user-wall-posts .post-media:hover,
body.retro-forum #user-wall-posts .post-img,
body.retro-forum #user-wall-posts .post-img:hover,
body.retro-forum #user-wall-posts .post-video,
body.retro-forum #user-wall-posts .post-video:hover,
body.retro-forum #user-wall-posts .post-embed,
body.retro-forum #user-wall-posts .post-embed:hover,
body.retro-forum #user-wall-posts .post-sticker,
body.retro-forum #user-wall-posts .post-sticker:hover{
  transform:none !important;
  animation:none !important;
  transition:none !important;
  filter:none !important;
}

body.retro-forum #posts-list .post-card:hover .post-face-front,
body.retro-forum #posts-list .post-card:hover .post-face-back,
body.retro-forum #posts-list .post-card:hover .post-body img,
body.retro-forum #posts-list .post-card:hover [id^="post-body-"] img,
body.retro-forum #user-wall-posts .post-card:hover .post-face-front,
body.retro-forum #user-wall-posts .post-card:hover .post-face-back,
body.retro-forum #user-wall-posts .post-card:hover .post-body img,
body.retro-forum #user-wall-posts .post-card:hover [id^="post-body-"] img{
  transform:none !important;
  animation:none !important;
  transition:none !important;
  filter:none !important;
  box-shadow:none !important;
}

body.retro-forum #posts-list .post-reactions,
body.retro-forum #posts-list .post-reactions *,
body.retro-forum #user-wall-posts .post-reactions,
body.retro-forum #user-wall-posts .post-reactions *{
  transition-property:transform, color, background, border-color, box-shadow, opacity !important;
}

/* TRUE FINAL - Correccion de comentarios y centrado movil de publicaciones. */
body.retro-forum .comment-btn{
  touch-action:manipulation !important;
  pointer-events:auto !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .main-col,
  html body.retro-forum #main-col{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
  }

  html body.retro-forum #page-wall,
  html body.retro-forum #page-user-wall,
  html body.retro-forum #posts-list,
  html body.retro-forum #user-wall-posts{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #posts-list,
  html body.retro-forum #user-wall-posts{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }

  html body.retro-forum #posts-list .post-card,
  html body.retro-forum #user-wall-posts .post-card,
  html body.retro-forum #page-wall .post-card,
  html body.retro-forum #page-user-wall .post-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-left-width:1px !important;
    border-right-width:1px !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall .feed-header{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #posts-list .post-face-front,
  html body.retro-forum #user-wall-posts .post-face-front,
  html body.retro-forum #page-wall .post-face-front,
  html body.retro-forum #page-user-wall .post-face-front,
  html body.retro-forum #posts-list .post-body,
  html body.retro-forum #user-wall-posts .post-body,
  html body.retro-forum #posts-list [id^="post-body-"],
  html body.retro-forum #user-wall-posts [id^="post-body-"]{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum .post-card.is-flipped{
    min-height:0 !important;
    overflow:visible !important;
  }

  html body.retro-forum .post-card.is-flipped .post-face-front{
    display:flex !important;
    visibility:visible !important;
  }

  html body.retro-forum .post-card.is-flipped::before{
    content:"" !important;
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:8990 !important;
    opacity:1 !important;
    background:rgba(5, 8, 14, .72) !important;
    backdrop-filter:blur(8px) !important;
    pointer-events:auto !important;
  }

  html body.retro-forum .post-card.is-flipped .post-face-back{
    position:fixed !important;
    top:calc(var(--fm-header) + 12px) !important;
    left:50% !important;
    right:auto !important;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    z-index:9000 !important;
    width:min(520px, calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    transform:translateX(-50%) !important;
    animation:none !important;
    overflow:hidden !important;
    border-radius:18px !important;
    border:1px solid rgba(143, 199, 255, .36) !important;
    background:#111722 !important;
    box-shadow:0 24px 80px rgba(0, 0, 0, .58) !important;
    box-sizing:border-box !important;
  }
}

@media (min-width:901px){
  html body.retro-forum #posts-list .post-card.is-flipped::before,
  html body.retro-forum #user-wall-posts .post-card.is-flipped::before{
    content:"" !important;
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:1780 !important;
    opacity:1 !important;
    background:rgba(5, 8, 14, .62) !important;
    backdrop-filter:blur(7px) !important;
    pointer-events:none !important;
  }

  html body.retro-forum #posts-list .post-card.is-flipped .post-face-front,
  html body.retro-forum #user-wall-posts .post-card.is-flipped .post-face-front{
    display:flex !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body.retro-forum #posts-list .post-card.is-flipped .post-face-back,
  html body.retro-forum #user-wall-posts .post-card.is-flipped .post-face-back{
    position:fixed !important;
    top:84px !important;
    bottom:34px !important;
    left:var(--comment-modal-left, 50%) !important;
    right:auto !important;
    z-index:1790 !important;
    width:min(680px, var(--comment-modal-width, 680px), calc(100vw - 96px)) !important;
    max-width:680px !important;
    min-height:0 !important;
    height:auto !important;
    max-height:calc(100vh - 118px) !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    transform:translateX(-50%) !important;
    animation:none !important;
    overflow:hidden !important;
    border-radius:18px !important;
    border:1px solid rgba(195, 192, 255, .28) !important;
    background:#11131b !important;
    box-shadow:0 28px 90px rgba(0, 0, 0, .58) !important;
    box-sizing:border-box !important;
  }
}

/* TRUE FINAL - Publicaciones moviles a ancho completo sin corrimiento lateral. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum #main-col,
  html body.retro-forum .main-col{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:max(4px, var(--fm-safe-left, 0px)) !important;
    padding-right:max(4px, var(--fm-safe-right, 0px)) !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall,
  html body.retro-forum #page-user-wall,
  html body.retro-forum #posts-list,
  html body.retro-forum #user-wall-posts{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #posts-list,
  html body.retro-forum #user-wall-posts{
    align-items:stretch !important;
  }

  html body.retro-forum #posts-list .post-card,
  html body.retro-forum #user-wall-posts .post-card,
  html body.retro-forum #page-wall .post-card,
  html body.retro-forum #page-user-wall .post-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #posts-list .post-face-front,
  html body.retro-forum #user-wall-posts .post-face-front,
  html body.retro-forum #page-wall .post-face-front,
  html body.retro-forum #page-user-wall .post-face-front{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #posts-list [id^="post-body-"],
  html body.retro-forum #user-wall-posts [id^="post-body-"],
  html body.retro-forum #page-wall [id^="post-body-"],
  html body.retro-forum #page-user-wall [id^="post-body-"]{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #posts-list .post-img,
  html body.retro-forum #posts-list .post-video,
  html body.retro-forum #posts-list .post-media,
  html body.retro-forum #posts-list .post-embed,
  html body.retro-forum #posts-list .custom-video-wrap,
  html body.retro-forum #posts-list .instagram-embed-wrap,
  html body.retro-forum #user-wall-posts .post-img,
  html body.retro-forum #user-wall-posts .post-video,
  html body.retro-forum #user-wall-posts .post-media,
  html body.retro-forum #user-wall-posts .post-embed,
  html body.retro-forum #user-wall-posts .custom-video-wrap,
  html body.retro-forum #user-wall-posts .instagram-embed-wrap{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #posts-list .post-reactions,
  html body.retro-forum #user-wall-posts .post-reactions,
  html body.retro-forum #page-wall .post-reactions,
  html body.retro-forum #page-user-wall .post-reactions{
    align-self:stretch !important;
    width:calc(100% + 20px) !important;
    max-width:calc(100% + 20px) !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
    margin-bottom:-1px !important;
    padding-left:8px !important;
    padding-right:8px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 0 8px 8px !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #posts-list [id^="post-body-"] > .post-img,
  html body.retro-forum #posts-list [id^="post-body-"] > .post-video,
  html body.retro-forum #posts-list [id^="post-body-"] > .post-media,
  html body.retro-forum #posts-list [id^="post-body-"] > .post-embed,
  html body.retro-forum #posts-list [id^="post-body-"] > .custom-video-wrap,
  html body.retro-forum #posts-list [id^="post-body-"] > .instagram-embed-wrap,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-img,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-video,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-media,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .post-embed,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .custom-video-wrap,
  html body.retro-forum #user-wall-posts [id^="post-body-"] > .instagram-embed-wrap{
    width:calc(100% + 20px) !important;
    max-width:calc(100% + 20px) !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
    border-radius:0 !important;
  }
}

/* TRUE FINAL - Carga visual al abrir comentarios. */
body.retro-forum .comments-list .comment-loading{
  width:100% !important;
  min-height:180px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:28px 16px !important;
  color:#eef3ff !important;
  text-align:center !important;
  box-sizing:border-box !important;
  animation:uwxGalleryLoadingIn .18s ease-out both !important;
}

body.retro-forum .comments-list .comment-loading .cvb-spinner{
  width:32px !important;
  height:32px !important;
  border-width:3px !important;
  border-color:rgba(255,255,255,.16) !important;
  border-top-color:#4cd7f6 !important;
}

body.retro-forum .comments-list .comment-loading span{
  display:block !important;
  color:#eef3ff !important;
  font:900 12px/1.2 Inter, system-ui, sans-serif !important;
}

/* TRUE FINAL - Refuerzo movil para que las publicaciones usen todo el ancho visible. */
@media (max-width: 640px){
  html body.retro-forum #page-wall,
  html body.retro-forum #page-user-wall{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall #posts-list,
  html body.retro-forum #page-user-wall #user-wall-posts{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    gap:16px !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall .post-card,
  html body.retro-forum #page-user-wall .post-card,
  html body.retro-forum #posts-list .post-card,
  html body.retro-forum #user-wall-posts .post-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    border-left-width:1px !important;
    border-right-width:1px !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall [id^="post-body-"] .post-img,
  html body.retro-forum #page-wall [id^="post-body-"] .post-video,
  html body.retro-forum #page-wall [id^="post-body-"] .post-media,
  html body.retro-forum #page-wall [id^="post-body-"] .post-embed,
  html body.retro-forum #page-wall [id^="post-body-"] .custom-video-wrap,
  html body.retro-forum #page-wall [id^="post-body-"] .instagram-embed-wrap,
  html body.retro-forum #page-user-wall [id^="post-body-"] .post-img,
  html body.retro-forum #page-user-wall [id^="post-body-"] .post-video,
  html body.retro-forum #page-user-wall [id^="post-body-"] .post-media,
  html body.retro-forum #page-user-wall [id^="post-body-"] .post-embed,
  html body.retro-forum #page-user-wall [id^="post-body-"] .custom-video-wrap,
  html body.retro-forum #page-user-wall [id^="post-body-"] .instagram-embed-wrap{
    display:block !important;
    width:calc(100% + 20px) !important;
    max-width:calc(100% + 20px) !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall .post-reactions,
  html body.retro-forum #page-user-wall .post-reactions,
  html body.retro-forum #posts-list .post-reactions,
  html body.retro-forum #user-wall-posts .post-reactions{
    width:calc(100% + 20px) !important;
    max-width:calc(100% + 20px) !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 0 8px 8px !important;
    box-sizing:border-box !important;
  }
}

/* TRUE FINAL - Última regla móvil: la publicación toca los bordes de la pantalla. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html,
  html body.retro-forum,
  html body.retro-forum #app,
  html body.retro-forum .app-layout,
  html body.retro-forum #main-col,
  html body.retro-forum .main-col,
  html body.retro-forum #page-wall,
  html body.retro-forum #page-user-wall,
  html body.retro-forum #posts-list,
  html body.retro-forum #user-wall-posts{
    max-width:100vw !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum .app-layout,
  html body.retro-forum #main-col,
  html body.retro-forum .main-col,
  html body.retro-forum #page-wall,
  html body.retro-forum #page-user-wall,
  html body.retro-forum #posts-list,
  html body.retro-forum #user-wall-posts{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  html body.retro-forum #posts-list,
  html body.retro-forum #user-wall-posts{
    align-items:stretch !important;
  }

  html body.retro-forum #page-wall #posts-list > .post-card,
  html body.retro-forum #page-user-wall #user-wall-posts > .post-card,
  html body.retro-forum #posts-list > .post-card,
  html body.retro-forum #user-wall-posts > .post-card{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall #posts-list > .post-card > .post-face-front,
  html body.retro-forum #page-user-wall #user-wall-posts > .post-card > .post-face-front,
  html body.retro-forum #posts-list > .post-card > .post-face-front,
  html body.retro-forum #user-wall-posts > .post-card > .post-face-front{
    width:100% !important;
    max-width:100% !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
  }
}

/* TRUE FINAL - El spot no cambia de ancho ni se agranda al tocarlo. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum #page-wall #posts-list .post-card,
  html body.retro-forum #page-wall #posts-list .post-card:hover,
  html body.retro-forum #page-wall #posts-list .post-card:active,
  html body.retro-forum #page-wall #posts-list .post-card:focus,
  html body.retro-forum #page-wall #posts-list .post-card:focus-within,
  html body.retro-forum #page-wall #posts-list .post-card.fm-pressing,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:hover,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:active,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus-within,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card.fm-pressing,
  html body.retro-forum #posts-list .post-card,
  html body.retro-forum #posts-list .post-card:hover,
  html body.retro-forum #posts-list .post-card:active,
  html body.retro-forum #posts-list .post-card:focus,
  html body.retro-forum #posts-list .post-card:focus-within,
  html body.retro-forum #posts-list .post-card.fm-pressing,
  html body.retro-forum #user-wall-posts .post-card,
  html body.retro-forum #user-wall-posts .post-card:hover,
  html body.retro-forum #user-wall-posts .post-card:active,
  html body.retro-forum #user-wall-posts .post-card:focus,
  html body.retro-forum #user-wall-posts .post-card:focus-within,
  html body.retro-forum #user-wall-posts .post-card.fm-pressing{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
    box-shadow:none !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall #posts-list .post-card::before,
  html body.retro-forum #page-wall #posts-list .post-card:hover::before,
  html body.retro-forum #page-wall #posts-list .post-card:active::before,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card::before,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:hover::before,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:active::before,
  html body.retro-forum #posts-list .post-card::before,
  html body.retro-forum #posts-list .post-card:hover::before,
  html body.retro-forum #posts-list .post-card:active::before,
  html body.retro-forum #user-wall-posts .post-card::before,
  html body.retro-forum #user-wall-posts .post-card:hover::before,
  html body.retro-forum #user-wall-posts .post-card:active::before{
    display:none !important;
    opacity:0 !important;
    transform:none !important;
  }

  html body.retro-forum #page-wall #posts-list .post-card > .post-face-front,
  html body.retro-forum #page-wall #posts-list .post-card:hover > .post-face-front,
  html body.retro-forum #page-wall #posts-list .post-card:active > .post-face-front,
  html body.retro-forum #page-wall #posts-list .post-card.fm-pressing > .post-face-front,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card > .post-face-front,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:hover > .post-face-front,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:active > .post-face-front,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card.fm-pressing > .post-face-front,
  html body.retro-forum #posts-list .post-card > .post-face-front,
  html body.retro-forum #posts-list .post-card:hover > .post-face-front,
  html body.retro-forum #posts-list .post-card:active > .post-face-front,
  html body.retro-forum #posts-list .post-card.fm-pressing > .post-face-front,
  html body.retro-forum #user-wall-posts .post-card > .post-face-front,
  html body.retro-forum #user-wall-posts .post-card:hover > .post-face-front,
  html body.retro-forum #user-wall-posts .post-card:active > .post-face-front,
  html body.retro-forum #user-wall-posts .post-card.fm-pressing > .post-face-front{
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
  }
}

/* TRUE FINAL ABSOLUTE - Chat abierto usa solo el encabezado de la conversacion. */
body.retro-forum.messenger-chat-active #msn-panel,
body.retro-forum.messenger-chat-active #chat-col #msn-panel,
body.retro-forum.messenger-chat-active .chat-col #msn-panel{
  display:none !important;
  visibility:hidden !important;
  flex:0 0 0 !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

body.retro-forum.messenger-chat-active #chat-col,
body.retro-forum.messenger-chat-active .chat-col{
  gap:0 !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active #msn-chat-shell{
  display:flex !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  margin:0 !important;
  overflow:hidden !important;
}

body.retro-forum.messenger-chat-active .msn-chat-peer{
  flex:0 0 58px !important;
  min-height:58px !important;
  margin:0 !important;
  border-top:0 !important;
}

/* TRUE FINAL ABSOLUTE - Fondo tipo reporte cuando se abre comentarios. */
html body.retro-forum.comments-overlay-open #posts-list .post-card.is-flipped::before,
html body.retro-forum.comments-overlay-open #user-wall-posts .post-card.is-flipped::before,
html body.retro-forum.comments-overlay-open #page-wall .post-card.is-flipped::before,
html body.retro-forum.comments-overlay-open #page-user-wall .post-card.is-flipped::before{
  content:"" !important;
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  z-index:8990 !important;
  opacity:1 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(91, 124, 146, .34) 0, rgba(22, 52, 76, .56) 36%, rgba(5, 29, 52, .88) 100%),
    rgba(2, 18, 34, .84) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
  pointer-events:auto !important;
  transform:none !important;
  animation:none !important;
}

html body.retro-forum.comments-overlay-open #posts-list .post-card.is-flipped .post-face-back,
html body.retro-forum.comments-overlay-open #user-wall-posts .post-card.is-flipped .post-face-back,
html body.retro-forum.comments-overlay-open #page-wall .post-card.is-flipped .post-face-back,
html body.retro-forum.comments-overlay-open #page-user-wall .post-card.is-flipped .post-face-back{
  z-index:9000 !important;
}

/* TRUE FINAL ABSOLUTE END - el spot movil no muestra efecto al tocar. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum #page-wall #posts-list .post-card,
  html body.retro-forum #page-wall #posts-list .post-card:hover,
  html body.retro-forum #page-wall #posts-list .post-card:active,
  html body.retro-forum #page-wall #posts-list .post-card:focus,
  html body.retro-forum #page-wall #posts-list .post-card:focus-within,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:hover,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:active,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus-within,
  html body.retro-forum #posts-list .post-card,
  html body.retro-forum #posts-list .post-card:hover,
  html body.retro-forum #posts-list .post-card:active,
  html body.retro-forum #posts-list .post-card:focus,
  html body.retro-forum #posts-list .post-card:focus-within,
  html body.retro-forum #user-wall-posts .post-card,
  html body.retro-forum #user-wall-posts .post-card:hover,
  html body.retro-forum #user-wall-posts .post-card:active,
  html body.retro-forum #user-wall-posts .post-card:focus,
  html body.retro-forum #user-wall-posts .post-card:focus-within{
    background:#1d1f28 !important;
    border-color:#464555 !important;
    outline:0 !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
    transition:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  html body.retro-forum #page-wall #posts-list .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-wall #posts-list .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-wall #posts-list .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-wall #posts-list .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #posts-list .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #posts-list .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #posts-list .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #posts-list .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #user-wall-posts .post-card :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #user-wall-posts .post-card:hover :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #user-wall-posts .post-card:active :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video),
  html body.retro-forum #user-wall-posts .post-card:focus-within :where(.post-face-front,.post-header,.post-body,[id^="post-body-"],.post-img,.post-video,.post-media,.post-embed,.post-sticker,img,video){
    outline:0 !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
    transition:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  html body.retro-forum #page-wall #posts-list .post-card:not(.is-flipped)::before,
  html body.retro-forum #page-wall #posts-list .post-card:not(.is-flipped)::after,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:not(.is-flipped)::before,
  html body.retro-forum #page-user-wall #user-wall-posts .post-card:not(.is-flipped)::after,
  html body.retro-forum #posts-list .post-card:not(.is-flipped)::before,
  html body.retro-forum #posts-list .post-card:not(.is-flipped)::after,
  html body.retro-forum #user-wall-posts .post-card:not(.is-flipped)::before,
  html body.retro-forum #user-wall-posts .post-card:not(.is-flipped)::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    transform:none !important;
  }

  html body.retro-forum .post-reactions,
  html body.retro-forum .post-reactions *,
  html body.retro-forum .post-tools__trigger,
  html body.retro-forum .post-tools__trigger *{
    transition-property:transform, color, background, border-color, box-shadow, opacity !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Media de publicaciones siempre cuadrada. */
html body.retro-forum #posts-list [id^="post-body-"],
html body.retro-forum #user-wall-posts [id^="post-body-"],
html body.retro-forum #page-wall [id^="post-body-"],
html body.retro-forum #page-user-wall [id^="post-body-"]{
  container-type:inline-size !important;
}

html body.retro-forum #posts-list [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
html body.retro-forum #user-wall-posts [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
html body.retro-forum #page-wall [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
html body.retro-forum #page-user-wall [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap){
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  aspect-ratio:1 / 1 !important;
  height:100cqw !important;
  max-height:680px !important;
  min-height:260px !important;
  overflow:hidden !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
}

html body.retro-forum #posts-list [id^="post-body-"] > :is(.post-media,.custom-video-wrap) > :is(img,video,iframe),
html body.retro-forum #user-wall-posts [id^="post-body-"] > :is(.post-media,.custom-video-wrap) > :is(img,video,iframe),
html body.retro-forum #page-wall [id^="post-body-"] > :is(.post-media,.custom-video-wrap) > :is(img,video,iframe),
html body.retro-forum #page-user-wall [id^="post-body-"] > :is(.post-media,.custom-video-wrap) > :is(img,video,iframe),
html body.retro-forum #posts-list [id^="post-body-"] > :is(.post-embed,.instagram-embed-wrap) iframe,
html body.retro-forum #user-wall-posts [id^="post-body-"] > :is(.post-embed,.instagram-embed-wrap) iframe,
html body.retro-forum #page-wall [id^="post-body-"] > :is(.post-embed,.instagram-embed-wrap) iframe,
html body.retro-forum #page-user-wall [id^="post-body-"] > :is(.post-embed,.instagram-embed-wrap) iframe{
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@supports not (height:100cqw){
  html body.retro-forum #posts-list [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
  html body.retro-forum #user-wall-posts [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
  html body.retro-forum #page-wall [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap),
  html body.retro-forum #page-user-wall [id^="post-body-"] > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap){
    height:min(100vw, 680px) !important;
  }
}

/* TRUE END - Post v2 gana contra todo lo viejo. */
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2,
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:hover,
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:active,
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:focus-within{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 auto 18px !important;
  padding:0 !important;
  border:1px solid rgba(92,96,119,.92) !important;
  border-radius:8px !important;
  background:#1b1d26 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  transform:none !important;
  scale:1 !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:not(.is-flipped)::before,
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:not(.is-flipped)::after{
  content:none !important;
  display:none !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2 > .fm-post-v2-front{
  width:100% !important;
  max-width:100% !important;
  padding:22px 24px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#1b1d26 !important;
  box-shadow:none !important;
  transform:none !important;
  scale:1 !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  aspect-ratio:1 / 1 !important;
  min-height:260px !important;
  max-height:680px !important;
  height:auto !important;
  margin:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#080b13 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > :is(.post-img,.post-video,.post-media,.post-embed,.custom-video-wrap,.instagram-embed-wrap,.post-sticker),
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > .custom-video-wrap > video,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > .post-media > :is(img,video),
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-footer{
  margin:0 -24px !important;
  padding:0 !important;
  background:#1b1d26 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:9px 24px !important;
  border-top:1px solid rgba(92,96,119,.75) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  background:#1b1d26 !important;
  box-shadow:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .react-btn > span:not(.react-icon):not(.react-count){
  display:none !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2,
  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:hover,
  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:active,
  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2:focus-within{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
    transition:none !important;
  }

  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2 > .fm-post-v2-front{
    padding:14px 16px 0 !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-footer{
    margin-left:-16px !important;
    margin-right:-16px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:9px 16px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .report-btn > span{
    display:none !important;
  }
}

/* TRUE END - Detalle visual del encabezado nuevo. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-header{
  display:grid !important;
  grid-template-columns:42px auto 1fr auto auto !important;
  align-items:center !important;
  gap:12px !important;
  min-height:42px !important;
  margin:0 0 20px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-avatar-wrap{
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  border:1px solid rgba(92,96,119,.8) !important;
  border-radius:0 !important;
  background:#10131c !important;
  overflow:hidden !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-avatar{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 !important;
  object-fit:cover !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-name{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#f4f6ff !important;
  -webkit-text-fill-color:#f4f6ff !important;
  font:900 14px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
  text-align:left !important;
  letter-spacing:0 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-follow{
  height:24px !important;
  min-height:24px !important;
  padding:0 18px !important;
  border:1px solid rgba(168,165,255,.55) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#d7d3ff !important;
  box-shadow:none !important;
  font:850 11px/1 Inter, system-ui, sans-serif !important;
  transform:none !important;
  transition:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-tools{
  position:static !important;
  margin:0 !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-tools__trigger{
  width:30px !important;
  height:30px !important;
  border:0 !important;
  background:transparent !important;
  color:#a7acc4 !important;
  box-shadow:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-body{
  order:2 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-footer{
  order:3 !important;
  margin-top:0 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-meta{
  order:1 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions{
  order:2 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.react-btn,.comment-btn,.share-btn,.report-btn),
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.react-btn,.comment-btn,.share-btn,.report-btn):hover,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.react-btn,.comment-btn,.share-btn,.report-btn):active,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.react-btn,.comment-btn,.share-btn,.report-btn):focus{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#dce1ff !important;
  -webkit-text-fill-color:currentColor !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  transform:none !important;
  scale:1 !important;
  animation:none !important;
  transition:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions svg{
  width:17px !important;
  height:17px !important;
  flex:0 0 17px !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .heart-btn .react-icon,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .heart-btn.active,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions .report-btn{
  color:#ff5d83 !important;
}

/* TRUE END - La barra de reacciones ocupa todo el ancho del post. */
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2 .fm-post-v2-footer{
  width:auto !important;
  max-width:none !important;
  align-self:stretch !important;
  margin-left:-24px !important;
  margin-right:-24px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2 .fm-post-v2-actions,
html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions{
  align-self:stretch !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:24px !important;
  padding-right:24px !important;
  box-sizing:border-box !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2 .fm-post-v2-footer{
    margin-left:-16px !important;
    margin-right:-16px !important;
  }

  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2 .fm-post-v2-actions,
  html body.retro-forum :is(#posts-list,#user-wall-posts) > .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions{
    width:100% !important;
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box !important;
  }
}

/* TRUE END - Metadata del post centrada en el footer. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-footer > .post-time--footer.fm-post-v2-meta,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .fm-post-v2-footer > .post-time--footer.fm-post-v2-meta{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

/* TRUE END - Header del post alineado a la izquierda y centrado verticalmente. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-header{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  min-height:58px !important;
  margin:0 0 14px !important;
  padding:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-header .fm-post-v2-avatar-wrap{
  flex:0 0 42px !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-header .fm-post-v2-name{
  flex:0 1 auto !important;
  max-width:38% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:26px !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-header .fm-post-v2-follow{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:26px !important;
  min-height:26px !important;
  min-width:68px !important;
  padding:0 13px !important;
  margin-left:2px !important;
  line-height:1 !important;
  text-align:center !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-header .fm-post-v2-spacer{
  flex:1 1 auto !important;
  min-width:0 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-header .post-tools{
  flex:0 0 auto !important;
  margin-left:auto !important;
}

/* TRUE FINAL END - Reacciones parejas en tamaño. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn),
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn):hover,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn):active,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn):focus{
  width:34px !important;
  min-width:34px !important;
  height:26px !important;
  min-height:26px !important;
  padding:0 !important;
  display:inline-grid !important;
  grid-template-columns:18px auto !important;
  align-items:center !important;
  justify-content:start !important;
  column-gap:4px !important;
  line-height:1 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn) .react-icon{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
  line-height:1 !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn) .react-icon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-actions :is(.heart-btn,.like-btn,.dislike-btn) .react-count{
  min-width:8px !important;
  font-size:12px !important;
  line-height:1 !important;
  text-align:left !important;
}

/* TRUE FINAL ABSOLUTE LAST - Chat movil mantiene visible la tarjeta propia. */
@media (max-width:900px){
  body.retro-forum.messenger-chat-active #chat-col,
  body.retro-forum.messenger-chat-active .chat-col{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    top:calc(var(--fm-header, 64px) + var(--fm-safe-top, 0px)) !important;
    right:0 !important;
    bottom:auto !important;
    left:0 !important;
    width:100vw !important;
    height:calc(var(--fm-vh, 100dvh) - var(--fm-header, 64px) - var(--fm-safe-top, 0px)) !important;
    min-height:0 !important;
    max-height:calc(var(--fm-vh, 100dvh) - var(--fm-header, 64px) - var(--fm-safe-top, 0px)) !important;
    padding-right:var(--fm-safe-right, 0px) !important;
    padding-bottom:var(--fm-safe-bottom, 0px) !important;
    padding-left:var(--fm-safe-left, 0px) !important;
    overflow:hidden !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel,
  body.retro-forum.messenger-chat-active #chat-col #msn-panel,
  body.retro-forum.messenger-chat-active .chat-col #msn-panel{
    display:flex !important;
    visibility:visible !important;
    flex:0 0 auto !important;
    flex-direction:column !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:8px 8px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
    background:#11131b !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-self{
    display:grid !important;
    visibility:visible !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:58px !important;
    max-height:none !important;
    padding:8px !important;
    margin:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.retro-forum.messenger-chat-active #msn-panel .msn-search-row,
  body.retro-forum.messenger-chat-active #msn-panel #msn-search-results,
  body.retro-forum.messenger-chat-active #msn-panel #msn-open-bubbles,
  body.retro-forum.messenger-chat-active #msn-panel .msn-section-title,
  body.retro-forum.messenger-chat-active #msn-panel #msn-folder-list,
  body.retro-forum.messenger-chat-active #msn-panel #msn-contact-list{
    display:none !important;
  }

  body.retro-forum.messenger-chat-active #msn-chat-shell{
    display:flex !important;
    flex:1 1 0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Reacciones moviles centradas y compactas. */
@media (max-width:640px){
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-reactions.fm-post-v2-actions,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) div[id^="reactions-"].post-reactions{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:56px !important;
    padding:8px 10px !important;
    overflow:hidden !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .fm-post-v2-reacts,
  html body.retro-forum div[id^="reactions-"].post-reactions .fm-post-v2-reacts,
  html body.retro-forum .post-reactions.fm-post-v2-actions [id^="react-btns-"],
  html body.retro-forum div[id^="reactions-"].post-reactions [id^="react-btns-"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    gap:7px !important;
    min-width:0 !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions button,
  html body.retro-forum div[id^="reactions-"].post-reactions button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:34px !important;
    max-width:none !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 4px !important;
    gap:4px !important;
    text-align:center !important;
    white-space:nowrap !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum .post-reactions.fm-post-v2-actions .share-btn > span,
  html body.retro-forum .post-reactions.fm-post-v2-actions .report-btn > span,
  html body.retro-forum div[id^="reactions-"].post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum div[id^="reactions-"].post-reactions .share-btn > span,
  html body.retro-forum div[id^="reactions-"].post-reactions .report-btn > span{
    display:none !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .react-icon,
  html body.retro-forum .post-reactions.fm-post-v2-actions .comment-btn-icon,
  html body.retro-forum .post-reactions.fm-post-v2-actions button > svg,
  html body.retro-forum div[id^="reactions-"].post-reactions .react-icon,
  html body.retro-forum div[id^="reactions-"].post-reactions .comment-btn-icon,
  html body.retro-forum div[id^="reactions-"].post-reactions button > svg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    min-width:20px !important;
    height:20px !important;
    margin:0 !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions.fm-post-v2-actions .react-count,
  html body.retro-forum .post-reactions.fm-post-v2-actions [id^="ccount"]:not(:empty),
  html body.retro-forum div[id^="reactions-"].post-reactions .react-count,
  html body.retro-forum div[id^="reactions-"].post-reactions [id^="ccount"]:not(:empty){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:10px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* TRUE LAST LINE - Reacciones moviles globales para posts actuales y futuros. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .post-reactions,
  html body.retro-forum div[id^="reactions-"].post-reactions,
  html body.retro-forum footer > div[id^="reactions-"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-height:56px !important;
    padding:8px 10px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  html body.retro-forum .post-reactions [id^="react-btns-"],
  html body.retro-forum .post-reactions .fm-post-v2-reacts{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    gap:7px !important;
    min-width:0 !important;
  }

  html body.retro-forum .post-reactions button,
  html body.retro-forum .post-reactions .fm-post-v2-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:34px !important;
    max-width:40px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 4px !important;
    gap:4px !important;
    white-space:nowrap !important;
    line-height:1 !important;
    text-align:center !important;
  }

  html body.retro-forum .post-reactions button > span:not(.comment-btn-icon):not(.react-icon):not(.react-count):not([id^="ccount"]),
  html body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum .post-reactions .share-btn > span,
  html body.retro-forum .post-reactions .report-btn > span{
    display:none !important;
  }

  html body.retro-forum .post-reactions .react-icon,
  html body.retro-forum .post-reactions .comment-btn-icon,
  html body.retro-forum .post-reactions button > svg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
    margin:0 !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions .react-count,
  html body.retro-forum .post-reactions [id^="ccount"]:not(:empty),
  html body.retro-forum .post-reactions .fm-post-v2-count:not(:empty){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:10px !important;
    width:auto !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Todas las barras de reaccion moviles quedan iguales. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-reactions,
  html body.retro-forum .post-card .post-reactions,
  html body.retro-forum .post-face-front > .post-reactions,
  html body.retro-forum div[id^="reactions-"].post-reactions{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:54px !important;
    padding:8px 12px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  html body.retro-forum .post-reactions [id^="react-btns-"],
  html body.retro-forum .post-reactions .fm-post-v2-reacts{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    gap:7px !important;
    min-width:0 !important;
  }

  html body.retro-forum .post-reactions button,
  html body.retro-forum .post-reactions .fm-post-v2-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:30px !important;
    max-width:38px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 3px !important;
    gap:3px !important;
    font-size:0 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  html body.retro-forum .post-reactions button > span:not(.react-icon):not(.comment-btn-icon):not(.react-count):not([id^="ccount"]):not(.fm-post-v2-count),
  html body.retro-forum .post-reactions .comment-btn > span:not(.comment-btn-icon):not([id^="ccount"]),
  html body.retro-forum .post-reactions .share-btn > span,
  html body.retro-forum .post-reactions .report-btn > span{
    display:none !important;
    width:0 !important;
    max-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    font-size:0 !important;
  }

  html body.retro-forum .post-reactions .react-icon,
  html body.retro-forum .post-reactions .comment-btn-icon,
  html body.retro-forum .post-reactions button > svg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 20px !important;
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
    margin:0 !important;
    font-size:20px !important;
    line-height:1 !important;
  }

  html body.retro-forum .post-reactions .react-count,
  html body.retro-forum .post-reactions [id^="ccount"]:not(:empty),
  html body.retro-forum .post-reactions .fm-post-v2-count:not(:empty){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    min-width:8px !important;
    width:auto !important;
    max-width:18px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Facebook embeds responsivos. */
html body.retro-forum .fm-post-v2-media > .facebook-embed-wrap,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) [id^="post-body-"] > .facebook-embed-wrap{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  min-height:320px !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#0f111a !important;
}

html body.retro-forum .facebook-embed-wrap .facebook-embed-frame{
  display:block !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-height:0 !important;
  height:100% !important;
  border:0 !important;
  background:#fff !important;
}

/* TRUE FINAL ABSOLUTE LAST - Bugfix cascada barra de acciones posts. */
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions,
html body.retro-forum .post-card.fm-post-v2 .post-face-front > div[id^="reactions-"].post-reactions.fm-post-v2-actions,
html body.retro-forum .post-card.fm-post-v2 footer > div[id^="reactions-"].post-reactions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:clamp(10px, 2vw, 18px) !important;
  width:100% !important;
  max-width:100% !important;
  min-height:54px !important;
  margin:0 auto !important;
  padding:9px 12px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  text-align:center !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions > .fm-post-v2-reacts,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions > [id^="react-btns-"]{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  gap:clamp(6px, 1.5vw, 10px) !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions .react-sep{
  display:none !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions :is(.react-btn,.comment-btn,.share-btn,.report-btn){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  height:36px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 4px !important;
  gap:5px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-align:center !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions :is(.react-icon,.comment-btn-icon),
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions button > svg{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 20px !important;
  width:20px !important;
  min-width:20px !important;
  max-width:20px !important;
  height:20px !important;
  min-height:20px !important;
  max-height:20px !important;
  margin:0 !important;
  font-size:20px !important;
  line-height:1 !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions :is(.react-count,.fm-post-v2-count),
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions [id^="ccount"]:not(:empty){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:8px !important;
  max-width:22px !important;
  height:18px !important;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  transform:none !important;
  font-size:12px !important;
  line-height:1 !important;
  text-align:center !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions,
  html body.retro-forum .post-card.fm-post-v2 .post-face-front > div[id^="reactions-"].post-reactions.fm-post-v2-actions,
  html body.retro-forum .post-card.fm-post-v2 footer > div[id^="reactions-"].post-reactions{
    gap:6px !important;
    min-height:56px !important;
    padding:8px 6px !important;
  }

  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions > .fm-post-v2-reacts,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions > [id^="react-btns-"]{
    gap:5px !important;
  }

  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions :is(.react-btn,.comment-btn,.share-btn,.report-btn){
    flex:0 0 auto !important;
    min-width:30px !important;
    max-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 2px !important;
    gap:3px !important;
    overflow:hidden !important;
  }

  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions .react-btn > span:not(.react-icon):not(.react-count),
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions .comment-btn > span:not(.comment-btn-icon):not(.fm-post-v2-count):not([id^="ccount"]),
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions .share-btn > span,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-reactions.fm-post-v2-actions .report-btn > span{
    display:none !important;
    width:0 !important;
    max-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    font-size:0 !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Comentarios movil en pantalla completa. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum.comments-overlay-open{
    overflow:hidden !important;
  }

  html body.retro-forum.comments-overlay-open #app,
  html body.retro-forum.comments-overlay-open .app-layout,
  html body.retro-forum.comments-overlay-open .main-col{
    overflow:hidden !important;
  }

  html body.retro-forum.comments-overlay-open .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open #posts-list .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open #user-wall-posts .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open #page-wall .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open #page-user-wall .post-card.is-flipped::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:100009 !important;
    width:100vw !important;
    height:100dvh !important;
    background:#0f111a !important;
    pointer-events:auto !important;
  }

  html body.retro-forum.comments-overlay-open .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open #posts-list .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open #user-wall-posts .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open #page-wall .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open #page-user-wall .post-card.is-flipped .post-face-back{
    position:fixed !important;
    inset:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    z-index:100010 !important;
    display:flex !important;
    flex-direction:column !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:100vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    margin:0 !important;
    padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#11131b !important;
    transform:none !important;
    animation:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum.comments-overlay-open .post-card.is-flipped .comments-back-header,
  html body.retro-forum.comments-overlay-open #posts-list .post-card.is-flipped .comments-back-header,
  html body.retro-forum.comments-overlay-open #user-wall-posts .post-card.is-flipped .comments-back-header,
  html body.retro-forum.comments-overlay-open #page-wall .post-card.is-flipped .comments-back-header,
  html body.retro-forum.comments-overlay-open #page-user-wall .post-card.is-flipped .comments-back-header{
    flex:0 0 54px !important;
    height:54px !important;
    min-height:54px !important;
    padding:0 16px !important;
    border-bottom:1px solid rgba(70,69,85,.82) !important;
    background:#11131b !important;
  }

  html body.retro-forum.comments-overlay-open .post-card.is-flipped .comments-list,
  html body.retro-forum.comments-overlay-open #posts-list .post-card.is-flipped .comments-list,
  html body.retro-forum.comments-overlay-open #user-wall-posts .post-card.is-flipped .comments-list,
  html body.retro-forum.comments-overlay-open #page-wall .post-card.is-flipped .comments-list,
  html body.retro-forum.comments-overlay-open #page-user-wall .post-card.is-flipped .comments-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:18px 14px !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  html body.retro-forum.comments-overlay-open .post-card.is-flipped .comment-input-area,
  html body.retro-forum.comments-overlay-open .post-card.is-flipped .comment-guest-note{
    flex:0 0 auto !important;
    position:static !important;
    width:100% !important;
    margin:0 !important;
    border-top:1px solid rgba(70,69,85,.82) !important;
    background:#11131b !important;
  }

  html body.retro-forum.comments-overlay-open .navbar,
  html body.retro-forum.comments-overlay-open .chat-float,
  html body.retro-forum.comments-overlay-open .bookmarks-bar{
    pointer-events:none !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Menu de post y compartir centrados. */
html body.retro-forum .post-tools__menu{
  display:none !important;
}

html body.retro-forum .post-tools-floating-menu{
  position:fixed !important;
  z-index:100020 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:4px !important;
  min-width:156px !important;
  padding:8px !important;
  border:1px solid rgba(195,192,255,.28) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(31,34,48,.98), rgba(17,19,27,.98)) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  color:#f5f4ff !important;
}

html body.retro-forum .post-tools-floating-menu .post-tools__action{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-height:38px !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#eef0ff !important;
  font:900 13px/1 Inter, system-ui, sans-serif !important;
  text-align:left !important;
  cursor:pointer !important;
}

html body.retro-forum .post-tools-floating-menu .post-tools__action:hover,
html body.retro-forum .post-tools-floating-menu .post-tools__action:focus-visible{
  background:rgba(195,192,255,.13) !important;
  outline:0 !important;
}

html body.retro-forum .post-tools-floating-menu .post-tools__action--danger{
  color:#ff8ba3 !important;
}

html body.retro-forum .post-tools-floating-menu .post-tools__action--danger:hover,
html body.retro-forum .post-tools-floating-menu .post-tools__action--danger:focus-visible{
  background:rgba(255,93,131,.14) !important;
}

html body.retro-forum #modal-overlay.share-modal-open,
html body #modal-overlay.share-modal-open.modal-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:100030 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  overflow:auto !important;
  background:rgba(5,7,12,.76) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

html body.retro-forum #modal-overlay.share-modal-open #modal-box.share-modal-shell,
html body #modal-overlay.share-modal-open #modal-box.share-modal-shell{
  position:relative !important;
  inset:auto !important;
  align-self:center !important;
  justify-self:center !important;
  width:min(460px, calc(100vw - 32px)) !important;
  max-width:min(460px, calc(100vw - 32px)) !important;
  max-height:min(90dvh, 720px) !important;
  margin:auto !important;
  padding:0 !important;
  overflow:auto !important;
  transform:none !important;
  border-radius:18px !important;
}

html body.retro-forum #modal-overlay.share-modal-open .share-modal{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum #modal-overlay.share-modal-open,
  html body #modal-overlay.share-modal-open.modal-overlay{
    align-items:center !important;
    justify-content:center !important;
    padding:14px !important;
  }

  html body.retro-forum #modal-overlay.share-modal-open #modal-box.share-modal-shell,
  html body #modal-overlay.share-modal-open #modal-box.share-modal-shell{
    width:min(398px, calc(100vw - 28px)) !important;
    max-width:min(398px, calc(100vw - 28px)) !important;
    max-height:calc(100dvh - 28px) !important;
    margin:auto !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Comentarios moviles como vista completa bajo el header. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum.comments-overlay-open.comments-portal-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  html body.retro-forum.comments-overlay-open.comments-portal-open #app,
  html body.retro-forum.comments-overlay-open.comments-portal-open .app-layout,
  html body.retro-forum.comments-overlay-open.comments-portal-open .main-col{
    overflow:hidden !important;
  }

  html body.retro-forum.comments-overlay-open.comments-portal-open .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open.comments-portal-open #posts-list .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open.comments-portal-open #user-wall-posts .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open.comments-portal-open #page-wall .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open.comments-portal-open #page-user-wall .post-card.is-flipped::before{
    content:none !important;
    display:none !important;
  }

  html body.retro-forum.comments-overlay-open.comments-portal-open::before{
    content:"" !important;
    position:fixed !important;
    top:var(--fm-header, 64px) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    z-index:100008 !important;
    background:#0f111a !important;
    pointer-events:auto !important;
  }

  html body.retro-forum > .post-face-back.comments-mobile-portal{
    position:fixed !important;
    top:var(--fm-header, 64px) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    z-index:100010 !important;
    display:flex !important;
    flex-direction:column !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:100vw !important;
    height:calc(var(--fm-vh, 100dvh) - var(--fm-header, 64px)) !important;
    min-height:calc(var(--fm-vh, 100dvh) - var(--fm-header, 64px)) !important;
    max-height:calc(var(--fm-vh, 100dvh) - var(--fm-header, 64px)) !important;
    margin:0 !important;
    padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#11131b !important;
    transform:none !important;
    animation:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    pointer-events:auto !important;
  }

  html body.retro-forum > .post-face-back.comments-mobile-portal .comments-back-header{
    flex:0 0 56px !important;
    height:56px !important;
    min-height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 16px !important;
    border-bottom:1px solid rgba(70,69,85,.82) !important;
    background:#11131b !important;
  }

  html body.retro-forum > .post-face-back.comments-mobile-portal .comments-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:18px 14px !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  html body.retro-forum > .post-face-back.comments-mobile-portal .comment-input-area,
  html body.retro-forum > .post-face-back.comments-mobile-portal .comment-guest-note{
    flex:0 0 auto !important;
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:100% !important;
    margin:0 !important;
    padding:12px 12px calc(12px + env(safe-area-inset-bottom)) !important;
    border-top:1px solid rgba(70,69,85,.82) !important;
    background:#11131b !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum > .post-face-back.comments-mobile-portal .comment-empty{
    min-height:calc(100dvh - var(--fm-header, 64px) - 150px) !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Barra de acciones centrada para posts actuales y futuros. */
html body.retro-forum article.post-card footer [id^="reactions-"],
html body.retro-forum .post-card footer [id^="reactions-"],
html body.retro-forum #posts-list .post-card footer [id^="reactions-"],
html body.retro-forum #user-wall-posts .post-card footer [id^="reactions-"],
html body.retro-forum #page-wall .post-card footer [id^="reactions-"],
html body.retro-forum #page-user-wall .post-card footer [id^="reactions-"],
html body.retro-forum article.post-card footer .post-reactions,
html body.retro-forum .post-card footer .post-reactions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:10px 12px !important;
  width:100% !important;
  max-width:100% !important;
  min-height:56px !important;
  margin:0 auto !important;
  padding:11px 10px !important;
  box-sizing:border-box !important;
  text-align:center !important;
  overflow:visible !important;
}

html body.retro-forum article.post-card footer [id^="reactions-"] > *,
html body.retro-forum .post-card footer [id^="reactions-"] > *,
html body.retro-forum article.post-card footer .post-reactions > *,
html body.retro-forum .post-card footer .post-reactions > *{
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
}

html body.retro-forum article.post-card footer [id^="reactions-"] button,
html body.retro-forum .post-card footer [id^="reactions-"] button,
html body.retro-forum article.post-card footer .post-reactions button,
html body.retro-forum .post-card footer .post-reactions button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  white-space:nowrap !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum article.post-card footer [id^="reactions-"],
  html body.retro-forum .post-card footer [id^="reactions-"],
  html body.retro-forum article.post-card footer .post-reactions,
  html body.retro-forum .post-card footer .post-reactions{
    gap:8px 10px !important;
    min-height:52px !important;
    padding:10px 6px !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Barra del canal con acciones claras. */
html body.retro-forum .fm-stream-float__bar{
  display:grid !important;
  grid-template-columns:auto minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  min-height:64px !important;
  padding:12px 14px !important;
  border-bottom:1px solid rgba(112,121,156,.34) !important;
  background:linear-gradient(180deg, rgba(29,49,78,.98), rgba(21,30,47,.98)) !important;
}

html body.retro-forum .fm-stream-float__title{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}

html body.retro-forum .fm-stream-float__title span{
  color:#70e7ff !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

html body.retro-forum .fm-stream-float__title strong{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#ffffff !important;
  font:950 16px/1.05 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

html body.retro-forum .fm-stream-float__nav,
html body.retro-forum .fm-stream-float__action{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 13px !important;
  border:1px solid rgba(164,188,255,.25) !important;
  border-radius:999px !important;
  background:rgba(8,13,24,.45) !important;
  color:#edf2ff !important;
  text-decoration:none !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset !important;
}

html body.retro-forum .fm-stream-float__nav:hover,
html body.retro-forum .fm-stream-float__nav:focus-visible,
html body.retro-forum .fm-stream-float__action:hover,
html body.retro-forum .fm-stream-float__action:focus-visible{
  border-color:rgba(189,182,255,.74) !important;
  background:rgba(42,50,82,.72) !important;
  color:#fff !important;
  outline:0 !important;
}

html body.retro-forum .fm-stream-float__action--open{
  border-color:rgba(78,222,163,.42) !important;
  background:linear-gradient(180deg, rgba(60,214,169,.96), rgba(43,176,190,.95)) !important;
  color:#062435 !important;
}

html body.retro-forum .fm-stream-float__action--edit{
  border-color:rgba(189,182,255,.36) !important;
  background:rgba(128,107,255,.18) !important;
}

html body.retro-forum .fm-stream-float__close{
  border-color:rgba(255,113,145,.42) !important;
  background:rgba(255,75,119,.16) !important;
  color:#ffdce4 !important;
}

html body.retro-forum .fm-stream-float__nav .material-symbols-outlined,
html body.retro-forum .fm-stream-float__action .material-symbols-outlined{
  width:18px !important;
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
  line-height:1 !important;
}

html body.retro-forum .fm-stream-float__actions{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .fm-stream-float__bar{
    grid-template-columns:auto minmax(0, 1fr) !important;
    grid-template-areas:
      "back title"
      "actions actions" !important;
    gap:10px 12px !important;
    min-height:0 !important;
    padding:calc(10px + env(safe-area-inset-top, 0px)) 12px 12px !important;
  }

  html body.retro-forum .fm-stream-float__back{
    grid-area:back !important;
  }

  html body.retro-forum .fm-stream-float__title{
    grid-area:title !important;
  }

  html body.retro-forum .fm-stream-float__actions{
    grid-area:actions !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr) auto !important;
    gap:8px !important;
  }

  html body.retro-forum .fm-stream-float__action{
    width:100% !important;
    min-width:0 !important;
    padding:0 10px !important;
  }

  html body.retro-forum .fm-stream-float__close{
    width:auto !important;
  }

  html body.retro-forum .fm-stream-float__title strong{
    font-size:15px !important;
  }
}

@media (max-width:380px){
  html body.retro-forum .fm-stream-float__actions{
    grid-template-columns:1fr 1fr 44px !important;
  }

  html body.retro-forum .fm-stream-float__close span:not(.material-symbols-outlined){
    display:none !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Administrar galeria centrado en su franja. */
html body.retro-forum #user-wall-gallery .uwx-gallery-foot,
html body.retro-forum .uwx-gallery-card .uwx-gallery-foot{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:12px 16px 14px !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

html body.retro-forum #user-wall-gallery .uwx-gallery-manage,
html body.retro-forum .uwx-gallery-card .uwx-gallery-manage{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:142px !important;
  max-width:calc(100% - 24px) !important;
  margin:0 auto !important;
  text-align:center !important;
}

/* TRUE FINAL ABSOLUTE LAST - Instagram limpio sin chrome oficial ni recorte. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media.fm-post-v2-media--instagram,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) [id^="post-body-"] > .fm-post-v2-media.fm-post-v2-media--instagram{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  overflow:visible !important;
  background:#11131b !important;
  border-radius:0 !important;
}

html body.retro-forum .instagram-clean-card,
html body.retro-forum .fm-post-v2-media.fm-post-v2-media--instagram > .instagram-clean-card,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) [id^="post-body-"] .instagram-clean-card{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#080a10 !important;
  color:#f7f8ff !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

html body.retro-forum .instagram-clean-card__media,
html body.retro-forum .instagram-clean-card > img.instagram-clean-card__media,
html body.retro-forum .fm-post-v2-media.fm-post-v2-media--instagram > .instagram-clean-card > img.instagram-clean-card__media{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#080a10 !important;
  transform:none !important;
}

html body.retro-forum .instagram-clean-card__play{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:72px !important;
  height:72px !important;
  transform:translate(-50%, -50%) !important;
  border-radius:999px !important;
  background:rgba(8, 10, 16, .42) !important;
  backdrop-filter:blur(2px) !important;
  pointer-events:none !important;
}

html body.retro-forum .instagram-clean-card__play::before{
  content:"" !important;
  position:absolute !important;
  left:29px !important;
  top:22px !important;
  width:0 !important;
  height:0 !important;
  border-top:14px solid transparent !important;
  border-bottom:14px solid transparent !important;
  border-left:21px solid rgba(255,255,255,.92) !important;
}

html body.retro-forum .instagram-clean-card__fallback{
  display:none !important;
}

html body.retro-forum .instagram-clean-card.is-preview-error{
  min-height:240px !important;
  display:grid !important;
  place-items:center !important;
  padding:18px !important;
  border:1px solid rgba(180, 170, 255, .22) !important;
  border-radius:12px !important;
}

html body.retro-forum .instagram-clean-card.is-preview-error .instagram-clean-card__media,
html body.retro-forum .instagram-clean-card.is-preview-error .instagram-clean-card__play{
  display:none !important;
}

html body.retro-forum .instagram-clean-card.is-preview-error .instagram-clean-card__fallback{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:#a78bfa !important;
  color:#11131b !important;
  font-weight:900 !important;
}

@media (max-width:760px){
  html body.retro-forum .instagram-clean-card__play{
    width:64px !important;
    height:64px !important;
  }

  html body.retro-forum .instagram-clean-card__play::before{
    left:26px !important;
    top:20px !important;
    border-top-width:12px !important;
    border-bottom-width:12px !important;
    border-left-width:18px !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Comentarios de escritorio como ventana completa en la columna central. */
@media (min-width:901px){
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open){
    overflow:hidden !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #posts-list .post-card.is-flipped,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #user-wall-posts .post-card.is-flipped,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-wall .post-card.is-flipped,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-user-wall .post-card.is-flipped{
    min-height:0 !important;
    overflow:visible !important;
    border-color:transparent !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #posts-list .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #user-wall-posts .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-wall .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-user-wall .post-card.is-flipped::before{
    content:"" !important;
    display:block !important;
    position:fixed !important;
    inset:var(--fm-header, 64px) 0 0 0 !important;
    z-index:100040 !important;
    width:auto !important;
    height:auto !important;
    opacity:1 !important;
    background:rgba(5, 8, 14, .58) !important;
    backdrop-filter:blur(8px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(8px) saturate(1.08) !important;
    pointer-events:none !important;
    transform:none !important;
    animation:none !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .post-face-front,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #posts-list .post-card.is-flipped .post-face-front,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #user-wall-posts .post-card.is-flipped .post-face-front,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-wall .post-card.is-flipped .post-face-front,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-user-wall .post-card.is-flipped .post-face-front{
    display:flex !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #posts-list .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #user-wall-posts .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-wall .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-user-wall .post-card.is-flipped .post-face-back{
    position:fixed !important;
    top:var(--fm-header, 64px) !important;
    right:auto !important;
    bottom:0 !important;
    left:var(--comment-modal-left, 50%) !important;
    z-index:100050 !important;
    display:flex !important;
    flex-direction:column !important;
    width:min(var(--comment-modal-width, var(--fm-feed, 720px)), calc(100vw - 32px)) !important;
    max-width:min(var(--comment-modal-width, var(--fm-feed, 720px)), calc(100vw - 32px)) !important;
    min-width:320px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100dvh - var(--fm-header, 64px)) !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateX(-50%) !important;
    overflow:hidden !important;
    border:1px solid rgba(195, 192, 255, .28) !important;
    border-radius:0 !important;
    background:#11131b !important;
    box-shadow:0 26px 76px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.035) inset !important;
    box-sizing:border-box !important;
    animation:none !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comments-back-header{
    flex:0 0 54px !important;
    min-height:54px !important;
    height:54px !important;
    padding:0 18px !important;
    border:0 !important;
    border-bottom:1px solid rgba(70, 69, 85, .72) !important;
    background:#11131b !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comments-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:22px 20px !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    background:#11131b !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-input-area,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-guest-note{
    flex:0 0 auto !important;
    position:static !important;
    width:100% !important;
    margin:0 !important;
    border-top:1px solid rgba(70, 69, 85, .72) !important;
    background:#11131b !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Reels de Instagram con player propio y pausa por viewport. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media.fm-post-v2-media--instagram > .instagram-video-wrap,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) [id^="post-body-"] > .fm-post-v2-media.fm-post-v2-media--instagram > .instagram-video-wrap{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:100% !important;
  min-height:260px !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:0 !important;
  background:#05070d !important;
  line-height:0 !important;
}

html body.retro-forum .instagram-video-wrap > video.instagram-video-native,
html body.retro-forum .fm-post-v2-media.fm-post-v2-media--instagram > .instagram-video-wrap > video.instagram-video-native,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) [id^="post-body-"] .instagram-video-wrap > video.instagram-video-native{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  background:#05070d !important;
}

html body.retro-forum .instagram-video-wrap .cvb-overlay{
  z-index:6 !important;
}

html body.retro-forum .instagram-video-wrap .instagram-video-fallback{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:9 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 16px !important;
  transform:translate(-50%, -50%) !important;
  border-radius:999px !important;
  border:1px solid rgba(195, 192, 255, .35) !important;
  background:rgba(154, 134, 255, .92) !important;
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:0 18px 44px rgba(0,0,0,.42) !important;
}

html body.retro-forum .instagram-video-wrap.instagram-video-unavailable .instagram-video-fallback{
  display:inline-flex !important;
}

html body.retro-forum .instagram-video-wrap.instagram-video-unavailable .cvb-overlay,
html body.retro-forum .instagram-video-wrap.instagram-video-unavailable .custom-video-bar{
  opacity:0 !important;
  pointer-events:none !important;
}

html body.retro-forum .instagram-video-wrap.instagram-video-unavailable::after{
  content:"No se pudo cargar el video" !important;
  position:absolute !important;
  left:50% !important;
  top:calc(50% + 42px) !important;
  z-index:8 !important;
  transform:translateX(-50%) !important;
  color:rgba(235,235,255,.86) !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:center !important;
  white-space:nowrap !important;
  text-shadow:0 2px 10px rgba(0,0,0,.7) !important;
}

/* TRUE FINAL ABSOLUTE LAST - Comentarios escritorio/tablet ocupan la columna central sin recortes. */
@media (min-width:761px){
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open){
    overflow:hidden !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #posts-list .post-card.is-flipped,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #user-wall-posts .post-card.is-flipped,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-wall .post-card.is-flipped,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-user-wall .post-card.is-flipped{
    min-height:0 !important;
    overflow:visible !important;
    border-color:transparent !important;
    transform:none !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #posts-list .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #user-wall-posts .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-wall .post-card.is-flipped::before,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-user-wall .post-card.is-flipped::before{
    content:"" !important;
    display:block !important;
    position:fixed !important;
    inset:var(--fm-header, 64px) 0 0 0 !important;
    z-index:100040 !important;
    width:auto !important;
    height:auto !important;
    opacity:1 !important;
    background:rgba(5, 8, 14, .58) !important;
    backdrop-filter:blur(8px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(8px) saturate(1.08) !important;
    pointer-events:none !important;
    transform:none !important;
    animation:none !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .post-face-front,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #posts-list .post-card.is-flipped .post-face-front,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #user-wall-posts .post-card.is-flipped .post-face-front,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-wall .post-card.is-flipped .post-face-front,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-user-wall .post-card.is-flipped .post-face-front{
    display:flex !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #posts-list .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #user-wall-posts .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-wall .post-card.is-flipped .post-face-back,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) #page-user-wall .post-card.is-flipped .post-face-back{
    position:fixed !important;
    top:var(--fm-header, 64px) !important;
    right:auto !important;
    bottom:0 !important;
    left:var(--comment-modal-left, 50%) !important;
    z-index:100050 !important;
    display:flex !important;
    flex-direction:column !important;
    width:min(var(--comment-modal-width, var(--fm-feed, 720px)), calc(100vw - 32px)) !important;
    max-width:min(var(--comment-modal-width, var(--fm-feed, 720px)), calc(100vw - 32px)) !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100dvh - var(--fm-header, 64px)) !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateX(-50%) !important;
    overflow:hidden !important;
    border:1px solid rgba(195, 192, 255, .28) !important;
    border-radius:0 !important;
    background:#11131b !important;
    box-shadow:0 26px 76px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.035) inset !important;
    box-sizing:border-box !important;
    animation:none !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comments-back-header{
    flex:0 0 54px !important;
    min-height:54px !important;
    height:54px !important;
    padding:0 18px !important;
    border:0 !important;
    border-bottom:1px solid rgba(70, 69, 85, .72) !important;
    background:#11131b !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comments-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:22px 20px !important;
    display:flex !important;
    flex-direction:column !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    background:#11131b !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-input-area,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-guest-note{
    flex:0 0 auto !important;
    position:static !important;
    width:100% !important;
    margin:0 !important;
    border-top:1px solid rgba(70, 69, 85, .72) !important;
    background:#11131b !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-item,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-body,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-bubble,
  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-text{
    min-width:0 !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-body{
    max-width:min(82%, 560px) !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-bubble{
    width:-moz-fit-content !important;
    width:fit-content !important;
    max-width:100% !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-text{
    width:auto !important;
    max-width:100% !important;
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  html body.retro-forum.comments-overlay-open:not(.comments-portal-open) .post-card.is-flipped .comment-item--own{
    justify-content:flex-end !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Publicar escritorio sin CTA de invitado pegado al usuario. */
@media (min-width:761px){
  html body.retro-forum #page-wall .feed-header{
    width:min(100%, var(--fm-feed, 720px)) !important;
    max-width:var(--fm-feed, 720px) !important;
    min-height:78px !important;
    height:auto !important;
    margin:0 auto 14px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall .feed-header:hover{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body.retro-forum #page-wall .feed-header-left{
    min-width:0 !important;
    min-height:78px !important;
    width:100% !important;
    padding:0 22px !important;
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    overflow:hidden !important;
    border:1px solid rgba(143,199,255,.18) !important;
    border-radius:8px !important;
    background:linear-gradient(180deg, rgba(27,54,83,.96), rgba(20,36,58,.96)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
    box-sizing:border-box !important;
    cursor:pointer !important;
  }

  html body.retro-forum #page-wall .feed-header-left:hover{
    border-color:rgba(195,192,255,.38) !important;
    background:linear-gradient(180deg, rgba(31,62,96,.98), rgba(22,42,68,.98)) !important;
  }

  html body.retro-forum #page-wall .feed-header-left::before{
    content:"edit_square" !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    flex:0 0 48px !important;
    display:inline-grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:rgba(195,192,255,.08) !important;
    color:#bfc6ff !important;
    font-family:"Material Symbols Outlined" !important;
    font-size:24px !important;
    font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24 !important;
  }

  html body.retro-forum #page-wall .feed-header .panel-title{
    min-width:0 !important;
    margin:0 !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  html body.retro-forum #page-wall .feed-header .panel-title::after{
    content:"¿Qué querés publicar?" !important;
    display:block !important;
    max-width:100% !important;
    color:#eef3ff !important;
    font:900 18px/1.15 Inter, system-ui, sans-serif !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  html body.retro-forum #page-wall .feed-header-right{
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
  }

  html body.retro-forum #page-wall #btn-nuevo-post,
  html body.retro-forum #page-wall #btn-guest-post{
    position:relative !important;
    z-index:3 !important;
    width:auto !important;
    min-width:142px !important;
    height:44px !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border:1px solid rgba(195,192,255,.22) !important;
    border-radius:8px !important;
    color:#101423 !important;
    background:#c3c0ff !important;
    font:900 13px/1 Inter, system-ui, sans-serif !important;
    text-transform:none !important;
    white-space:nowrap !important;
    box-shadow:0 12px 26px rgba(0,0,0,.22) !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
  }

  html body.retro-forum #page-wall #btn-nuevo-post:hover,
  html body.retro-forum #page-wall #btn-guest-post:hover{
    background:#ff5f7f !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.2) !important;
  }

  html body.retro-forum.is-user #page-wall #btn-guest-post,
  html body.retro-forum[data-auth="user"] #page-wall #btn-guest-post{
    display:none !important;
  }

  html body.retro-forum.is-user #page-wall #btn-nuevo-post,
  html body.retro-forum[data-auth="user"] #page-wall #btn-nuevo-post{
    display:inline-flex !important;
  }

  html body.retro-forum.is-guest #page-wall #btn-nuevo-post,
  html body.retro-forum[data-auth="guest"] #page-wall #btn-nuevo-post{
    display:none !important;
  }

  html body.retro-forum.is-guest #page-wall #btn-guest-post,
  html body.retro-forum[data-auth="guest"] #page-wall #btn-guest-post{
    display:inline-flex !important;
  }
}

@media (min-width:761px) and (max-width:920px){
  html body.retro-forum #page-wall .feed-header{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  html body.retro-forum #page-wall .feed-header-right{
    justify-content:stretch !important;
  }

  html body.retro-forum #page-wall #btn-nuevo-post,
  html body.retro-forum #page-wall #btn-guest-post{
    width:100% !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Menu de opciones fijo en la esquina superior derecha del post. */
html body.retro-forum .post-card.fm-post-v2,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2{
  position:relative !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-face-front,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-front{
  position:relative !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header,
html body.retro-forum .post-card.fm-post-v2.post-card--manageable .post-header.fm-post-v2-header,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header{
  position:relative !important;
  padding-right:64px !important;
  box-sizing:border-box !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-tools,
html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-tools{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  bottom:auto !important;
  left:auto !important;
  z-index:20 !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  transform:none !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-tools__trigger,
html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools .post-tools__trigger,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-tools__trigger{
  position:static !important;
  inset:auto !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#cfd6eb !important;
  box-shadow:none !important;
  transform:none !important;
  cursor:pointer !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-tools__trigger:hover,
html body.retro-forum .post-card.fm-post-v2 .post-tools.is-open .post-tools__trigger{
  background:rgba(195,192,255,.1) !important;
  color:#eef3ff !important;
}

/* TRUE FINAL - Seguir pegado al lado izquierdo del menu de tres puntos. */
html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header:has(> .post-follow-btn),
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header:has(> .post-follow-btn){
  min-height:52px !important;
  margin-bottom:10px !important;
  padding:6px 132px 6px 0 !important;
  align-items:center !important;
  gap:10px !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .av-wrap.fm-post-v2-avatar-wrap,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .av-wrap.fm-post-v2-avatar-wrap{
  flex:0 0 40px !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-username.fm-post-v2-name,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-username.fm-post-v2-name{
  min-height:40px !important;
  height:40px !important;
  font-size:14px !important;
  align-items:center !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-follow-btn,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-follow-btn{
  position:absolute !important;
  top:14px !important;
  right:54px !important;
  z-index:19 !important;
  width:auto !important;
  min-width:60px !important;
  max-width:84px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  margin:0 !important;
  padding:0 11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  font-size:11px !important;
  line-height:1 !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools{
  top:12px !important;
  right:18px !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools .post-tools__trigger,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools .post-tools__trigger{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header,
  html body.retro-forum .post-card.fm-post-v2.post-card--manageable .post-header.fm-post-v2-header,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header{
    padding-right:52px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .post-tools,
  html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-tools{
    top:12px !important;
    right:12px !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .post-tools__trigger,
  html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools .post-tools__trigger,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-tools__trigger{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header:has(> .post-follow-btn),
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header:has(> .post-follow-btn){
    min-height:48px !important;
    padding:6px 120px 6px 0 !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .av-wrap.fm-post-v2-avatar-wrap,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .av-wrap.fm-post-v2-avatar-wrap{
    flex-basis:36px !important;
    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-username.fm-post-v2-name,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-username.fm-post-v2-name{
    min-height:36px !important;
    height:36px !important;
    font-size:13px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-follow-btn,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-follow-btn{
    top:12px !important;
    right:48px !important;
    min-width:58px !important;
    max-width:80px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 9px !important;
    font-size:11px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools{
    top:10px !important;
    right:12px !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools .post-tools__trigger,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-tools .post-tools__trigger{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Imagenes de posts completas y centradas, sin recorte. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-body > .fm-post-v2-media:has(> img.post-img),
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) [id^="post-body-"] > .fm-post-v2-media:has(> img.post-img){
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
  background:#11131b !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
}

html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > img.post-img,
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-body > .fm-post-v2-media > img.post-img,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) [id^="post-body-"] > .fm-post-v2-media > img.post-img{
  display:block !important;
  flex:0 1 auto !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  max-height:min(72vh, 680px) !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  translate:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-body > .fm-post-v2-media:has(> img.post-img),
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) [id^="post-body-"] > .fm-post-v2-media:has(> img.post-img){
    width:100% !important;
    max-width:100% !important;
  }

  html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-media > img.post-img,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) [id^="post-body-"] > .fm-post-v2-media > img.post-img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Menciones con @ en el composer de publicaciones. */
html body.retro-forum #new-post-form .new-post-card__header{
  position:relative !important;
}

html body.retro-forum #new-post-form #np-mention-suggest,
html body.retro-forum #new-post-form .np-mention-suggest{
  position:static !important;
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:100% !important;
  max-height:220px !important;
  margin:-4px 0 0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  border:1px solid rgba(78, 214, 255, .28) !important;
  border-radius:12px !important;
  background:#0d1320 !important;
  box-shadow:0 16px 36px rgba(0,0,0,.36) !important;
  z-index:25 !important;
}

html body.retro-forum #new-post-form #np-mention-suggest .mention-item,
html body.retro-forum #new-post-form .np-mention-suggest .mention-item{
  min-height:46px !important;
  padding:8px 12px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#edf5ff !important;
  cursor:pointer !important;
  border-bottom:1px solid rgba(143,199,255,.1) !important;
  box-sizing:border-box !important;
}

html body.retro-forum #new-post-form #np-mention-suggest .mention-item:last-child,
html body.retro-forum #new-post-form .np-mention-suggest .mention-item:last-child{
  border-bottom:0 !important;
}

html body.retro-forum #new-post-form #np-mention-suggest .mention-item:hover,
html body.retro-forum #new-post-form #np-mention-suggest .mention-item.active,
html body.retro-forum #new-post-form .np-mention-suggest .mention-item:hover,
html body.retro-forum #new-post-form .np-mention-suggest .mention-item.active{
  background:rgba(78, 214, 255, .12) !important;
}

html body.retro-forum #new-post-form #np-mention-suggest .mention-item img,
html body.retro-forum #new-post-form .np-mention-suggest .mention-item img{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:8px !important;
  object-fit:cover !important;
  background:#151d2b !important;
}

html body.retro-forum #new-post-form #np-mention-suggest .mention-item span,
html body.retro-forum #new-post-form .np-mention-suggest .mention-item span{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}

html body.retro-forum #new-post-form #np-mention-suggest .mention-item strong,
html body.retro-forum #new-post-form .np-mention-suggest .mention-item strong{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#ffffff !important;
  font:900 13px/1.1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum #new-post-form #np-mention-suggest .mention-item small,
html body.retro-forum #new-post-form .np-mention-suggest .mention-item small{
  color:#8fd8ff !important;
  font:800 11px/1 Inter, system-ui, sans-serif !important;
}

/* TRUE FINAL ABSOLUTE LAST - Sin boton + Nuevo Post: la barra completa acciona. */
html body.retro-forum #page-wall #btn-nuevo-post,
html body.retro-forum #btn-nuevo-post{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

html body.retro-forum.is-user #page-wall .feed-header,
html body.retro-forum[data-auth="user"] #page-wall .feed-header{
  grid-template-columns:minmax(0, 1fr) !important;
}

html body.retro-forum.is-user #page-wall .feed-header-right,
html body.retro-forum[data-auth="user"] #page-wall .feed-header-right{
  display:none !important;
}

html body.retro-forum.is-user #page-wall .feed-header-left,
html body.retro-forum[data-auth="user"] #page-wall .feed-header-left{
  width:100% !important;
}

/* TRUE FINAL ABSOLUTE LAST - Facebook Reels y videos visibles dentro del post. */
html body.retro-forum .fm-post-v2-media.fm-post-v2-media--facebook{
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  overflow:visible !important;
  background:#0f111a !important;
}

html body.retro-forum .facebook-embed-wrap.facebook-embed-wrap--video,
html body.retro-forum .facebook-embed-wrap.facebook-embed-wrap--reel{
  width:min(100%, 560px) !important;
  height:auto !important;
  min-height:620px !important;
  margin:0 auto !important;
}

html body.retro-forum .facebook-embed-wrap.facebook-embed-wrap--reel{
  width:min(100%, 420px) !important;
  min-height:680px !important;
}

html body.retro-forum .facebook-embed-wrap.facebook-embed-wrap--video .facebook-embed-frame,
html body.retro-forum .facebook-embed-wrap.facebook-embed-wrap--reel .facebook-embed-frame{
  height:620px !important;
  min-height:620px !important;
}

html body.retro-forum .facebook-embed-wrap.facebook-embed-wrap--reel .facebook-embed-frame{
  height:680px !important;
  min-height:680px !important;
}

@media (max-width:760px){
  html body.retro-forum .facebook-embed-wrap.facebook-embed-wrap--video{
    width:100% !important;
    min-height:560px !important;
  }

  html body.retro-forum .facebook-embed-wrap.facebook-embed-wrap--reel{
    width:100% !important;
    min-height:620px !important;
  }

  html body.retro-forum .facebook-embed-wrap.facebook-embed-wrap--video .facebook-embed-frame{
    height:560px !important;
    min-height:560px !important;
  }

  html body.retro-forum .facebook-embed-wrap.facebook-embed-wrap--reel .facebook-embed-frame{
    height:620px !important;
    min-height:620px !important;
  }
}

/* TRUE FINAL ABSOLUTE LAST - Reglas visuales de menciones por contexto. */
html body.retro-forum .mention-link{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#6ee7ff !important;
  font:inherit !important;
  font-weight:900 !important;
  line-height:inherit !important;
  text-align:inherit !important;
  cursor:pointer !important;
  box-shadow:none !important;
  vertical-align:baseline !important;
}

html body.retro-forum .mention-link:hover{
  color:#b9f5ff !important;
  text-decoration:underline !important;
}

/* TRUE FINAL ABSOLUTE LAST - Botones del panel de canal pulidos y sin texto de icon-font. */
html body.retro-forum .fm-stream-float__bar{
  display:grid !important;
  grid-template-columns:auto minmax(140px, 1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  min-height:66px !important;
  padding:12px 16px !important;
  overflow:visible !important;
  border-bottom:1px solid rgba(126,158,210,.28) !important;
  background:linear-gradient(180deg, rgba(22,44,72,.98), rgba(18,29,48,.98)) !important;
  cursor:grab !important;
}

html body.retro-forum .fm-stream-float__title{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  overflow:hidden !important;
}

html body.retro-forum .fm-stream-float__title span{
  color:#67e8ff !important;
  font:950 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

html body.retro-forum .fm-stream-float__title strong{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#ffffff !important;
  font:950 17px/1.05 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

html body.retro-forum .fm-stream-float__actions{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}

html body.retro-forum .fm-stream-float__nav,
html body.retro-forum .fm-stream-float__action{
  appearance:none !important;
  -webkit-appearance:none !important;
  min-width:42px !important;
  min-height:42px !important;
  height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 14px !important;
  border:1px solid rgba(155,180,230,.28) !important;
  border-radius:12px !important;
  background:rgba(9,14,26,.58) !important;
  color:#eef5ff !important;
  text-decoration:none !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset, 0 10px 20px rgba(0,0,0,.18) !important;
  transform:none !important;
  transition:background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

html body.retro-forum .fm-stream-float__nav svg,
html body.retro-forum .fm-stream-float__action svg{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  display:block !important;
  fill:currentColor !important;
  pointer-events:none !important;
}

html body.retro-forum .fm-stream-float__nav .material-symbols-outlined,
html body.retro-forum .fm-stream-float__action .material-symbols-outlined{
  display:none !important;
}

html body.retro-forum .fm-stream-float__nav:hover,
html body.retro-forum .fm-stream-float__nav:focus-visible,
html body.retro-forum .fm-stream-float__action:hover,
html body.retro-forum .fm-stream-float__action:focus-visible{
  border-color:rgba(190,216,255,.72) !important;
  background:rgba(38,55,88,.82) !important;
  color:#ffffff !important;
  outline:0 !important;
  transform:translateY(-1px) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 14px 26px rgba(0,0,0,.24) !important;
}

html body.retro-forum .fm-stream-float__action--open{
  border-color:rgba(78,222,163,.52) !important;
  background:linear-gradient(180deg, #49e0b1, #2eb7ce) !important;
  color:#042434 !important;
}

html body.retro-forum .fm-stream-float__action--open:hover,
html body.retro-forum .fm-stream-float__action--open:focus-visible{
  border-color:rgba(144,255,221,.84) !important;
  background:linear-gradient(180deg, #61efc3, #3cc8df) !important;
  color:#031923 !important;
}

html body.retro-forum .fm-stream-float__action--edit{
  border-color:rgba(188,178,255,.42) !important;
  background:rgba(126,104,255,.22) !important;
  color:#f1edff !important;
}

html body.retro-forum .fm-stream-float__close{
  width:42px !important;
  min-width:42px !important;
  padding:0 !important;
  border-color:rgba(255,115,145,.48) !important;
  background:rgba(255,77,118,.18) !important;
  color:#ffdce5 !important;
}

html body.retro-forum .fm-stream-float__close span{
  display:none !important;
}

html body.retro-forum .fm-stream-float__close:hover,
html body.retro-forum .fm-stream-float__close:focus-visible{
  border-color:rgba(255,154,177,.78) !important;
  background:rgba(255,77,118,.28) !important;
}

@media (max-width:900px){
  html body.retro-forum .fm-stream-float__bar{
    grid-template-columns:auto minmax(0, 1fr) auto !important;
    grid-template-areas:
      "back title close"
      "actions actions actions" !important;
    gap:10px !important;
    min-height:0 !important;
    padding:calc(10px + env(safe-area-inset-top, 0px)) 12px 12px !important;
  }

  html body.retro-forum .fm-stream-float__back{
    grid-area:back !important;
  }

  html body.retro-forum .fm-stream-float__title{
    grid-area:title !important;
  }

  html body.retro-forum .fm-stream-float__actions{
    grid-area:actions !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:8px !important;
  }

  html body.retro-forum .fm-stream-float__actions .fm-stream-float__close{
    position:absolute !important;
    top:calc(10px + env(safe-area-inset-top, 0px)) !important;
    right:12px !important;
  }

  html body.retro-forum .fm-stream-float__nav,
  html body.retro-forum .fm-stream-float__action{
    width:100% !important;
    min-width:0 !important;
    padding:0 12px !important;
  }

  html body.retro-forum .fm-stream-float__close{
    width:42px !important;
    min-width:42px !important;
  }
}

@media (max-width:420px){
  html body.retro-forum .fm-stream-float__bar{
    grid-template-columns:42px minmax(0, 1fr) 42px !important;
  }

  html body.retro-forum .fm-stream-float__back span{
    display:none !important;
  }

  html body.retro-forum .fm-stream-float__back{
    padding:0 !important;
  }
}

html body.retro-forum .edit-post-mention-suggest,
html body.retro-forum .chat-mention-suggest{
  position:static !important;
  width:100% !important;
  max-width:100% !important;
  max-height:220px !important;
  margin:6px 0 0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  border:1px solid rgba(78, 214, 255, .28) !important;
  border-radius:12px !important;
  background:#0d1320 !important;
  box-shadow:0 16px 36px rgba(0,0,0,.36) !important;
  z-index:50 !important;
  box-sizing:border-box !important;
}

html body.retro-forum .chat-input-area,
html body.retro-forum .fcp-input{
  position:relative !important;
}

html body.retro-forum .chat-input-area .chat-mention-suggest,
html body.retro-forum .fcp-input .chat-mention-suggest{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:calc(100% + 8px) !important;
  margin:0 !important;
}

html body.retro-forum .edit-post-mention-suggest .mention-item,
html body.retro-forum .chat-mention-suggest .mention-item{
  min-height:46px !important;
  padding:8px 12px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#edf5ff !important;
  cursor:pointer !important;
  border-bottom:1px solid rgba(143,199,255,.1) !important;
  box-sizing:border-box !important;
}

html body.retro-forum .edit-post-mention-suggest .mention-item:last-child,
html body.retro-forum .chat-mention-suggest .mention-item:last-child{
  border-bottom:0 !important;
}

html body.retro-forum .edit-post-mention-suggest .mention-item:hover,
html body.retro-forum .edit-post-mention-suggest .mention-item.active,
html body.retro-forum .chat-mention-suggest .mention-item:hover,
html body.retro-forum .chat-mention-suggest .mention-item.active{
  background:rgba(78, 214, 255, .12) !important;
}

html body.retro-forum .edit-post-mention-suggest .mention-item img,
html body.retro-forum .chat-mention-suggest .mention-item img{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:8px !important;
  object-fit:cover !important;
  background:#151d2b !important;
}

html body.retro-forum .edit-post-mention-suggest .mention-item span,
html body.retro-forum .chat-mention-suggest .mention-item span{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}

html body.retro-forum .edit-post-mention-suggest .mention-item strong,
html body.retro-forum .chat-mention-suggest .mention-item strong{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#ffffff !important;
  font:900 13px/1.1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .edit-post-mention-suggest .mention-item small,
html body.retro-forum .chat-mention-suggest .mention-item small{
  color:#8fd8ff !important;
  font:800 11px/1 Inter, system-ui, sans-serif !important;
}

/* TRUE FINAL - Separacion minima entre posts del feed. */
html body.retro-forum :is(#posts-list,#user-wall-posts){
  gap:0 !important;
  row-gap:0 !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) > .post-card.fm-post-v2,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2:hover,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2:active,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2:focus-within{
  margin-top:0 !important;
  margin-bottom:1px !important;
}

/* TRUE LAST LINE - 1px real entre posts del muro. */
html body.retro-forum #page-wall #posts-list,
html body.retro-forum #page-user-wall #user-wall-posts,
html body.retro-forum #posts-list,
html body.retro-forum #user-wall-posts{
  gap:0 !important;
  row-gap:0 !important;
}

html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2,
html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2:hover,
html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2:active,
html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2:focus-within,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2:hover,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2:active,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2:focus-within,
html body.retro-forum #posts-list > article.post-card.fm-post-v2,
html body.retro-forum #posts-list > article.post-card.fm-post-v2:hover,
html body.retro-forum #posts-list > article.post-card.fm-post-v2:active,
html body.retro-forum #posts-list > article.post-card.fm-post-v2:focus-within,
html body.retro-forum #user-wall-posts > article.post-card.fm-post-v2,
html body.retro-forum #user-wall-posts > article.post-card.fm-post-v2:hover,
html body.retro-forum #user-wall-posts > article.post-card.fm-post-v2:active,
html body.retro-forum #user-wall-posts > article.post-card.fm-post-v2:focus-within{
  margin-top:0 !important;
  margin-bottom:1px !important;
}

/* TRUE FINAL - Comentarios fuera del post, montados en la columna central. */
@media (min-width:761px){
  html body.retro-forum #main-col,
  html body.retro-forum .main-col{
    position:relative !important;
  }

  html body.retro-forum .post-face-back.comments-column-portal,
  html body.retro-forum #main-col > .post-face-back.comments-column-portal,
  html body.retro-forum .main-col > .post-face-back.comments-column-portal{
    position:fixed !important;
    top:var(--fm-header, 64px) !important;
    bottom:0 !important;
    left:var(--comment-modal-left, 50%) !important;
    right:auto !important;
    z-index:100060 !important;
    width:min(var(--comment-modal-width, var(--fm-feed, 720px)), calc(100vw - 32px)) !important;
    min-width:0 !important;
    max-width:min(var(--comment-modal-width, var(--fm-feed, 720px)), calc(100vw - 32px)) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100dvh - var(--fm-header, 64px)) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    transform:translateX(-50%) !important;
    border:1px solid rgba(195, 192, 255, .28) !important;
    border-top:0 !important;
    border-bottom:0 !important;
    border-radius:0 !important;
    background:#11131b !important;
    box-shadow:0 26px 76px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.035) inset !important;
    box-sizing:border-box !important;
    animation:none !important;
  }

  html body.retro-forum .post-face-back.comments-column-portal .comments-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow-y:auto !important;
  }

  html body.retro-forum .post-face-back.comments-column-portal .comment-input-area,
  html body.retro-forum .post-face-back.comments-column-portal .comment-guest-note{
    flex:0 0 auto !important;
    position:static !important;
    width:100% !important;
    margin:0 !important;
  }
}

/* TRUE FINAL - Metadata centrada exacta dentro del footer del post. */
html body.retro-forum .post-card.fm-post-v2 .fm-post-v2-footer > .post-time--footer.fm-post-v2-meta,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .fm-post-v2-footer > .post-time--footer.fm-post-v2-meta{
  display:grid !important;
  place-items:center !important;
  justify-content:center !important;
  align-content:center !important;
  text-align:center !important;
  width:100% !important;
  max-width:100% !important;
  min-height:44px !important;
  margin-top:10px !important;
  padding:12px 24px !important;
  line-height:1.2 !important;
  box-sizing:border-box !important;
}

/* TRUE FINAL - Edicion inline de mensajes: texto blanco. */
html body.retro-forum textarea.dm-inline-edit,
html body.retro-forum textarea[id^="dm-inline-edit-"]{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  caret-color:#ffffff !important;
}

html body.retro-forum textarea.dm-inline-edit::placeholder,
html body.retro-forum textarea[id^="dm-inline-edit-"]::placeholder{
  color:rgba(255,255,255,.62) !important;
  -webkit-text-fill-color:rgba(255,255,255,.62) !important;
}

/* TRUE FINAL - Texto del post pegado a la izquierda del contenido. */
html body.retro-forum .post-card.fm-post-v2 section.fm-post-v2-body > .post-body.fm-post-v2-text,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 section[id^="post-body-"] > .post-body.fm-post-v2-text{
  margin-left:0 !important;
  padding-left:0 !important;
  text-indent:0 !important;
  text-align:left !important;
  align-self:stretch !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow-wrap:anywhere !important;
}

/* TRUE FINAL - Autor pegado al avatar con 2px de separacion. */
html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header,
html body.retro-forum .post-card.fm-post-v2.post-card--manageable .post-header.fm-post-v2-header,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  column-gap:2px !important;
  gap:2px !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .av-wrap.fm-post-v2-avatar-wrap,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .av-wrap.fm-post-v2-avatar-wrap{
  order:1 !important;
  margin:0 !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-username.fm-post-v2-name,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .post-username.fm-post-v2-name{
  order:2 !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:6px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
}

html body.retro-forum .post-card.fm-post-v2 .post-header.fm-post-v2-header > .fm-post-v2-spacer,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-header.fm-post-v2-header > .fm-post-v2-spacer{
  order:3 !important;
  flex:1 1 auto !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) article.post-card.fm-post-v2 .post-face-front > header.post-header.fm-post-v2-header:has(> .post-follow-btn):has(> .av-wrap.fm-post-v2-avatar-wrap + .post-username.fm-post-v2-name),
html body.retro-forum article.post-card.fm-post-v2 .post-face-front > header.post-header.fm-post-v2-header:has(> .post-follow-btn):has(> .av-wrap.fm-post-v2-avatar-wrap + .post-username.fm-post-v2-name){
  column-gap:2px !important;
  gap:2px !important;
}

/* TRUE FINAL - Separacion compacta entre perfil, texto y media del post. */
html body.retro-forum .post-card.fm-post-v2 .post-face-front > header.post-header.fm-post-v2-header,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-face-front > header.post-header.fm-post-v2-header{
  margin-bottom:8px !important;
}

html body.retro-forum .post-card.fm-post-v2 section.fm-post-v2-body > .post-body.fm-post-v2-text,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 section[id^="post-body-"] > .post-body.fm-post-v2-text{
  padding-bottom:8px !important;
  margin-bottom:8px !important;
}

/* TRUE FINAL - Posts solo texto usan el mismo header compacto que los posts con media. */
html body.retro-forum .post-card.fm-post-v2 .post-face-front > header.post-header.fm-post-v2-header,
html body.retro-forum .post-card.fm-post-v2.post-card--manageable .post-face-front > header.post-header.fm-post-v2-header,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 .post-face-front > header.post-header.fm-post-v2-header{
  min-height:52px !important;
  height:52px !important;
  padding:6px 0 !important;
  box-sizing:border-box !important;
  align-items:center !important;
}

/* TRUE FINAL - Grupos del Messenger 15% mas compactos. */
html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item{
  min-height:49px !important;
  height:auto !important;
  padding:7px 9px !important;
  gap:8px !important;
}

html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item img,
html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item .msn-group-avatar-icon,
html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item .msn-group-folder-icon{
  width:37px !important;
  min-width:37px !important;
  max-width:37px !important;
  height:37px !important;
  min-height:37px !important;
  max-height:37px !important;
}

html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item strong,
html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item .msn-folder-item-title{
  font-size:12px !important;
  line-height:1.12 !important;
}

html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item small,
html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item .msn-folder-item-subtitle{
  font-size:10px !important;
  line-height:1.1 !important;
}

/* TRUE FINAL - Messenger ocupa exacto la columna derecha. */
html body.retro-forum #chat-col{
  padding:0 !important;
  overflow:hidden !important;
}

html body.retro-forum #chat-col > #msn-panel,
html body.retro-forum #msn-panel.msn-panel{
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* TRUE FINAL - Difuminado sutil entre posts cercanos, sin unirlos realmente. */
html body.retro-forum :is(#posts-list,#user-wall-posts) > article.post-card.fm-post-v2{
  position:relative !important;
  overflow:visible !important;
  isolation:isolate !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts) > article.post-card.fm-post-v2:not(:last-child)::after,
html body.retro-forum :is(#posts-list,#user-wall-posts) > article.post-card.fm-post-v2 + article.post-card.fm-post-v2::before{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  height:18px !important;
  pointer-events:none !important;
  z-index:2 !important;
  border-radius:999px !important;
  background:
    linear-gradient(90deg, rgba(80,210,255,0), rgba(86,211,255,.16) 18%, rgba(195,192,255,.16) 50%, rgba(86,211,255,.16) 82%, rgba(80,210,255,0)),
    linear-gradient(180deg, rgba(17,19,27,0), rgba(22,30,46,.52) 50%, rgba(17,19,27,0)) !important;
  filter:blur(7px) !important;
  opacity:.72 !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts) > article.post-card.fm-post-v2:not(:last-child)::after{
  bottom:-10px !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts) > article.post-card.fm-post-v2 + article.post-card.fm-post-v2::before{
  top:-10px !important;
}

/* TRUE FINAL - Texto escrito en posts mas compacto, sin cambiar estilo visual. */
html body.retro-forum .post-card.fm-post-v2 section.fm-post-v2-body > .post-body.fm-post-v2-text,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2 section[id^="post-body-"] > .post-body.fm-post-v2-text{
  font-size:17px !important;
  line-height:1.35 !important;
}

/* TRUE FINAL - Publicaciones con fondo semi transparente, contenido nitido. */
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) article.post-card.fm-post-v2,
html body.retro-forum article.post-card.fm-post-v2{
  background:rgba(27,29,38,.74) !important;
  backdrop-filter:blur(10px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08) !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) article.post-card.fm-post-v2 > .post-face-front,
html body.retro-forum article.post-card.fm-post-v2 > .post-face-front.fm-post-v2-front{
  background:rgba(27,29,38,.68) !important;
  backdrop-filter:blur(10px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08) !important;
}

/* TRUE FINAL - Perfil superior del Messenger rectangular como el resto del panel. */
html body.retro-forum #msn-panel > .msn-self,
html body.retro-forum #chat-col #msn-panel > .msn-self{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:rgba(19,28,43,.78) !important;
  box-sizing:border-box !important;
}

/* TRUE FINAL - Titulos del menu lateral mas cerca del icono. */
html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action{
  grid-template-columns:60px minmax(0,1fr) !important;
  column-gap:4px !important;
  gap:4px !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__text{
  margin-left:-8px !important;
}

/* TRUE FINAL - Resultados de usuarios en el buscador superior. */
html body.retro-forum #fm-top-search{
  position:relative !important;
  overflow:visible !important;
  z-index:100200 !important;
}

html body.retro-forum #fm-global-search-results{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  display:none !important;
  max-height:360px !important;
  overflow-y:auto !important;
  padding:8px !important;
  border:1px solid rgba(143,199,255,.24) !important;
  border-radius:10px !important;
  background:rgba(19,22,30,.96) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  box-sizing:border-box !important;
}

html body.retro-forum #fm-global-search-results.is-open{
  display:block !important;
}

html body.retro-forum .fm-global-search-result{
  width:100% !important;
  min-height:48px !important;
  padding:4px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

html body.retro-forum .fm-global-search-main{
  min-width:0 !important;
  min-height:44px !important;
  padding:6px !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  border:0 !important;
  border-radius:7px !important;
  background:transparent !important;
  color:#eef3ff !important;
  text-align:left !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}

html body.retro-forum .fm-global-search-wall{
  height:32px !important;
  padding:0 10px !important;
  border:1px solid rgba(143,199,255,.28) !important;
  border-radius:999px !important;
  background:rgba(91,177,226,.14) !important;
  color:#dff1ff !important;
  font:800 11px/1 Inter, system-ui, sans-serif !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}

html body.retro-forum .fm-global-search-result:hover .fm-global-search-main,
html body.retro-forum .fm-global-search-main:focus-visible,
html body.retro-forum .fm-global-search-wall:hover,
html body.retro-forum .fm-global-search-wall:focus-visible{
  background:rgba(91,177,226,.16) !important;
  outline:0 !important;
}

html body.retro-forum .fm-global-search-avatar{
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:1px solid rgba(143,199,255,.32) !important;
}

html body.retro-forum .fm-global-search-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}

html body.retro-forum .fm-global-search-copy strong{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font:800 13px/1.15 Inter, system-ui, sans-serif !important;
  color:#f4f7ff !important;
}

html body.retro-forum .fm-global-search-copy small,
html body.retro-forum .fm-global-search-empty{
  font:700 11px/1.2 Inter, system-ui, sans-serif !important;
  color:#aab4ca !important;
}

html body.retro-forum .fm-global-search-empty{
  padding:12px 10px !important;
  text-align:center !important;
}

/* TRUE FINAL - Transparencia real de publicaciones en todas sus capas internas. */
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) > article.post-card.fm-post-v2,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) article.post-card.fm-post-v2,
html body.retro-forum article.post-card.fm-post-v2,
html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2,
html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2:hover,
html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2:active,
html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2:focus-within,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2:hover,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2:active,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2:focus-within{
  background:rgba(27,29,38,.38) !important;
  background-color:rgba(27,29,38,.38) !important;
  backdrop-filter:blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08) !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) > article.post-card.fm-post-v2 > .post-face-front,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) article.post-card.fm-post-v2 > .post-face-front,
html body.retro-forum article.post-card.fm-post-v2 > .post-face-front.fm-post-v2-front{
  background:transparent !important;
  background-color:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) article.post-card.fm-post-v2 :is(.fm-post-v2-body,.fm-post-v2-footer),
html body.retro-forum article.post-card.fm-post-v2 :is(.fm-post-v2-body,.fm-post-v2-footer){
  background:transparent !important;
  background-color:transparent !important;
}

html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) article.post-card.fm-post-v2 .post-reactions.fm-post-v2-actions,
html body.retro-forum article.post-card.fm-post-v2 .post-reactions.fm-post-v2-actions{
  background:rgba(17,20,29,.34) !important;
  background-color:rgba(17,20,29,.34) !important;
  backdrop-filter:blur(10px) saturate(1.05) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05) !important;
}

/* AUDIT FINAL - Ajustes que no estaban pegando por selector/especificidad. */
html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item .msn-contact-name,
html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item .msn-contact-status-name{
  font-size:12px !important;
  line-height:1.12 !important;
}

html body.retro-forum #msn-panel #msn-folder-list .msn-folder-item.msn-group-chat-item .msn-contact-status-desc{
  font-size:10px !important;
  line-height:1.1 !important;
}

html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2{
  position:relative !important;
  overflow:visible !important;
  isolation:isolate !important;
  background:rgba(27,29,38,.38) !important;
  background-color:rgba(27,29,38,.38) !important;
}

html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2:not(:last-child)::after,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2:not(:last-child)::after,
html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2 + article.post-card.fm-post-v2::before,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2 + article.post-card.fm-post-v2::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  height:18px !important;
  pointer-events:none !important;
  z-index:2 !important;
  border-radius:999px !important;
  background:
    linear-gradient(90deg, rgba(80,210,255,0), rgba(86,211,255,.18) 18%, rgba(195,192,255,.18) 50%, rgba(86,211,255,.18) 82%, rgba(80,210,255,0)),
    linear-gradient(180deg, rgba(17,19,27,0), rgba(22,30,46,.54) 50%, rgba(17,19,27,0)) !important;
  filter:blur(7px) !important;
  opacity:.76 !important;
  transform:none !important;
}

html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2:not(:last-child)::after,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2:not(:last-child)::after{
  bottom:-10px !important;
}

html body.retro-forum #page-wall #posts-list > article.post-card.fm-post-v2 + article.post-card.fm-post-v2::before,
html body.retro-forum #page-user-wall #user-wall-posts > article.post-card.fm-post-v2 + article.post-card.fm-post-v2::before{
  top:-10px !important;
}

/* AUDIT FINAL - Posts propios: mismo header que otros usuarios, sin boton Seguir. */
html body.retro-forum .post-card.fm-post-v2.post-card--self .post-header.fm-post-v2-header,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2.post-card--self .post-header.fm-post-v2-header{
  min-height:52px !important;
  height:52px !important;
  margin-bottom:10px !important;
  padding:6px 52px 6px 0 !important;
  align-items:center !important;
  gap:2px !important;
  box-sizing:border-box !important;
}

html body.retro-forum .post-card.fm-post-v2.post-card--self .post-header.fm-post-v2-header > .av-wrap.fm-post-v2-avatar-wrap,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2.post-card--self .post-header.fm-post-v2-header > .av-wrap.fm-post-v2-avatar-wrap{
  flex:0 0 40px !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  margin:0 !important;
}

html body.retro-forum .post-card.fm-post-v2.post-card--self .post-header.fm-post-v2-header > .post-username.fm-post-v2-name,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2.post-card--self .post-header.fm-post-v2-header > .post-username.fm-post-v2-name{
  min-height:40px !important;
  height:40px !important;
  padding-left:0 !important;
  padding-right:6px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  font-size:14px !important;
}

html body.retro-forum .post-card.fm-post-v2.post-card--self .post-header.fm-post-v2-header > .post-tools,
html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2.post-card--self .post-header.fm-post-v2-header > .post-tools{
  top:12px !important;
  right:18px !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum .post-card.fm-post-v2.post-card--self .post-header.fm-post-v2-header,
  html body.retro-forum :is(#posts-list,#user-wall-posts,#page-wall,#page-user-wall) .post-card.fm-post-v2.post-card--self .post-header.fm-post-v2-header{
    min-height:48px !important;
    padding:6px 52px 6px 0 !important;
  }
}

/* AUDIT FINAL - Perfil usuario: acciones oscuras, texto claro y activo violeta. */
html body.retro-forum .user-profile-modal .upm-actions{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:6px !important;
  align-items:center !important;
  justify-content:stretch !important;
  padding:12px 14px 14px !important;
  max-width:100% !important;
  overflow:visible !important;
}

html body.retro-forum .user-profile-modal .upm-actions .btn.btn-sm,
html body.retro-forum .user-profile-modal .upm-actions .btn.btn-ghost.btn-sm,
html body.retro-forum .user-profile-modal .upm-actions .btn.upm-report-btn{
  width:100% !important;
  min-width:0 !important;
  min-height:30px !important;
  height:30px !important;
  padding:0 7px !important;
  border:1px solid rgba(202, 207, 255, .22) !important;
  background:rgba(13, 18, 31, .92) !important;
  color:#f7f8ff !important;
  -webkit-text-fill-color:#f7f8ff !important;
  font-size:10px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  justify-content:center !important;
  margin:0 !important;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, .07), 0 8px 18px rgba(0, 0, 0, .22) !important;
}

html body.retro-forum .user-profile-modal .upm-actions .btn.upm-report-btn{
  grid-column:auto !important;
  justify-self:stretch !important;
}

html body.retro-forum .user-profile-modal .upm-actions .btn.btn-sm svg{
  color:currentColor !important;
  stroke:currentColor !important;
}

html body.retro-forum .user-profile-modal .upm-actions .btn.btn-sm:hover,
html body.retro-forum .user-profile-modal .upm-actions .btn.btn-sm:focus-visible{
  border-color:rgba(198, 190, 255, .42) !important;
  background:rgba(24, 30, 48, .98) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html body.retro-forum .user-profile-modal .upm-actions .btn.btn-primary.btn-sm{
  border-color:rgba(190, 178, 255, .62) !important;
  background:linear-gradient(180deg, #9a8cff 0%, #7667f2 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 10px 22px rgba(118, 103, 242, .36), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}

html body.retro-forum .user-profile-modal .upm-actions .btn.btn-primary.btn-sm:hover,
html body.retro-forum .user-profile-modal .upm-actions .btn.btn-primary.btn-sm:focus-visible{
  background:linear-gradient(180deg, #aa9eff 0%, #8273ff 100%) !important;
  border-color:rgba(220, 214, 255, .72) !important;
}

html body.retro-forum .user-profile-modal .upm-actions .btn.btn-sm:disabled,
html body.retro-forum .user-profile-modal .upm-actions .btn.btn-sm[aria-disabled="true"]{
  background:rgba(15, 20, 34, .74) !important;
  color:rgba(255, 255, 255, .6) !important;
  -webkit-text-fill-color:rgba(255, 255, 255, .6) !important;
  opacity:.68 !important;
  box-shadow:none !important;
}

/* AUDIT FINAL - Menu lateral en formato lista compacta. */
html body.retro-forum #mobile-hud-drawer{
  padding:18px 0 12px !important;
  background:linear-gradient(180deg, rgba(16,18,28,.98), rgba(9,12,19,.99)) !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__group{
  gap:0 !important;
  padding:0 12px !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__group--secondary{
  padding-top:10px !important;
  margin-top:auto !important;
  border-top:1px solid rgba(195,192,255,.12) !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action{
  min-height:34px !important;
  height:34px !important;
  display:grid !important;
  grid-template-columns:24px minmax(0, 1fr) !important;
  gap:6px !important;
  align-items:center !important;
  padding:0 8px !important;
  margin:0 !important;
  border:0 !important;
  border-left:2px solid transparent !important;
  border-radius:4px !important;
  background:transparent !important;
  color:#f4f5ff !important;
  box-shadow:none !important;
  transform:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action::before,
html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action::after{
  display:none !important;
  content:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover,
html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active{
  background:rgba(195,192,255,.08) !important;
  border-left-color:#8b7dff !important;
  color:#ffffff !important;
  transform:none !important;
  box-shadow:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#ffd966 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon svg{
  width:18px !important;
  height:18px !important;
  stroke:currentColor !important;
  fill:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover .mobile-hud-drawer__icon,
html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__icon{
  color:#ffe389 !important;
  background:transparent !important;
  border-color:transparent !important;
  transform:none !important;
  filter:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__text{
  min-width:0 !important;
  display:flex !important;
  align-items:baseline !important;
  gap:4px !important;
  overflow:hidden !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__label{
  min-width:0 !important;
  color:#ffffff !important;
  font:700 13px/1.1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  transform:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__hint{
  margin:0 !important;
  color:rgba(235, 233, 255, .58) !important;
  font:800 9px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  transform:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="logout"]{
  color:#ffb8c5 !important;
}

/* AUDIT FINAL - Modal perfil: avatar sin marco extra y nombre visible. */
html body.retro-forum .user-profile-modal .upm-head{
  display:grid !important;
  grid-template-columns:88px minmax(0, 1fr) !important;
  gap:14px !important;
  align-items:end !important;
  margin-top:-46px !important;
  padding:0 18px 14px !important;
}

html body.retro-forum .user-profile-modal .upm-head > .av-wrap{
  width:82px !important;
  height:82px !important;
  min-width:82px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  align-self:start !important;
}

html body.retro-forum .user-profile-modal .upm-head > .av-wrap::after{
  display:none !important;
  content:none !important;
  border:0 !important;
}

html body.retro-forum .user-profile-modal .upm-avatar{
  width:82px !important;
  height:82px !important;
  min-width:82px !important;
  border:4px solid rgba(255,255,255,.92) !important;
  border-radius:22px !important;
  object-fit:cover !important;
  box-shadow:0 10px 22px rgba(9, 21, 32, .22) !important;
}

html body.retro-forum .user-profile-modal .upm-info{
  min-width:0 !important;
  padding-top:0 !important;
  padding-bottom:4px !important;
  align-self:end !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
}

html body.retro-forum .user-profile-modal .upm-name{
  max-width:100% !important;
  display:block !important;
  color:#2f8db6 !important;
  font-size:1.18rem !important;
  line-height:1.05 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html body.retro-forum .user-profile-modal .upm-tag{
  margin-top:4px !important;
  max-width:100% !important;
  color:#53626a !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

@media (max-width:520px){
  html body.retro-forum .user-profile-modal .upm-head{
    grid-template-columns:74px minmax(0, 1fr) !important;
    gap:12px !important;
    margin-top:-38px !important;
    padding:0 14px 12px !important;
  }

  html body.retro-forum .user-profile-modal .upm-head > .av-wrap,
  html body.retro-forum .user-profile-modal .upm-avatar{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    border-radius:20px !important;
  }

  html body.retro-forum .user-profile-modal .upm-name{
    font-size:1rem !important;
  }
}

/* AUDIT FINAL - Menu lateral refinado: lista moderna y legible. */
html body.retro-forum #mobile-hud-drawer{
  width:228px !important;
  padding:14px 10px 12px !important;
  background:
    linear-gradient(180deg, rgba(15, 22, 35, .98) 0%, rgba(10, 14, 23, .99) 100%) !important;
  border-right:1px solid rgba(151, 161, 207, .2) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.035), 14px 0 34px rgba(0,0,0,.18) !important;
}

html body.retro-forum #mobile-hud-drawer::before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 22% 8%, rgba(78, 216, 171, .13), transparent 34%),
    linear-gradient(90deg, rgba(80, 171, 255, .07), transparent 62%) !important;
  opacity:.9 !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__group{
  position:relative !important;
  z-index:1 !important;
  padding:0 !important;
  gap:5px !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__group--secondary{
  position:relative !important;
  z-index:1 !important;
  padding-top:12px !important;
  margin-top:auto !important;
  border-top:1px solid rgba(189, 194, 230, .13) !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action{
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  display:grid !important;
  grid-template-columns:34px minmax(0, 1fr) !important;
  gap:10px !important;
  align-items:center !important;
  padding:0 10px !important;
  margin:0 !important;
  border:1px solid transparent !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.018) !important;
  color:#eef2ff !important;
  box-shadow:none !important;
  transform:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action::before,
html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action::after{
  display:none !important;
  content:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover,
html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active,
html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:focus-visible{
  background:linear-gradient(90deg, rgba(120, 105, 255, .2), rgba(58, 217, 169, .1)) !important;
  border-color:rgba(174, 166, 255, .34) !important;
  box-shadow:inset 3px 0 0 #8b7dff, 0 8px 20px rgba(5, 8, 18, .16) !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(170, 179, 225, .22) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.05) !important;
  color:#dfe6ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  filter:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__icon svg{
  width:17px !important;
  height:17px !important;
  stroke:currentColor !important;
  fill:none !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:hover .mobile-hud-drawer__icon,
html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__icon,
html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action:focus-visible .mobile-hud-drawer__icon{
  color:#ffffff !important;
  background:linear-gradient(180deg, rgba(139, 125, 255, .45), rgba(54, 210, 164, .28)) !important;
  border-color:rgba(213, 209, 255, .45) !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__text{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:3px !important;
  overflow:hidden !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__label{
  max-width:100% !important;
  color:#f8f9ff !important;
  font:800 13px/1.05 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__hint{
  margin:0 !important;
  max-width:100% !important;
  color:rgba(207, 213, 238, .64) !important;
  font:800 8.5px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action.active .mobile-hud-drawer__hint{
  color:#5ff0bf !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="logout"]{
  color:#ffc1cb !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action[data-hud-action="logout"] .mobile-hud-drawer__icon{
  color:#ff9dad !important;
}

/* AUDIT FINAL - Menu lateral sin franja vacia derecha. */
html body.retro-forum #mobile-hud-drawer{
  width:var(--fm-left) !important;
  max-width:var(--fm-left) !important;
  box-sizing:border-box !important;
}

html body.retro-forum #mobile-hud-drawer .mobile-hud-drawer__action{
  box-sizing:border-box !important;
}

/* AUDIT FINAL - Composer de comentarios con estilo Messenger, sin audio. */
html body.retro-forum .post-card.is-flipped .comment-input-area,
html body.retro-forum .post-face-back.comments-column-portal .comment-input-area,
html body.retro-forum #main-col > .post-face-back.comments-column-portal .comment-input-area,
html body.retro-forum .main-col > .post-face-back.comments-column-portal .comment-input-area{
  flex:0 0 auto !important;
  padding:8px 12px 10px !important;
  border-top:1px solid rgba(93, 103, 135, .34) !important;
  background:linear-gradient(180deg, rgba(23, 27, 38, .98), rgba(14, 17, 27, .99)) !important;
  box-shadow:0 -10px 24px rgba(0,0,0,.18) !important;
}

html body.retro-forum .post-card.is-flipped .comment-input-wrap,
html body.retro-forum .post-face-back.comments-column-portal .comment-input-wrap,
html body.retro-forum #main-col > .post-face-back.comments-column-portal .comment-input-wrap,
html body.retro-forum .main-col > .post-face-back.comments-column-portal .comment-input-wrap{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  grid-template-areas:
    "pickers"
    "tools"
    "input" !important;
  gap:8px !important;
  align-items:end !important;
}

html body.retro-forum .post-card.is-flipped .mention-suggest,
html body.retro-forum .post-card.is-flipped .comment-sticker-picker,
html body.retro-forum .post-face-back.comments-column-portal .mention-suggest,
html body.retro-forum .post-face-back.comments-column-portal .comment-sticker-picker{
  grid-area:pickers !important;
  grid-column:1 / -1 !important;
}

html body.retro-forum .post-card.is-flipped .comment-tools-bar,
html body.retro-forum .post-face-back.comments-column-portal .comment-tools-bar{
  grid-area:tools !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-height:24px !important;
  padding:0 2px !important;
}

html body.retro-forum .post-card.is-flipped .comment-input-row,
html body.retro-forum .post-face-back.comments-column-portal .comment-input-row{
  grid-area:input !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 76px !important;
  gap:8px !important;
  align-items:end !important;
  min-width:0 !important;
}

html body.retro-forum .post-card.is-flipped :is(.comment-tool-btn,.comment-sticker-btn,.comment-img-btn,.comment-camera-btn,.comment-emoji-btn),
html body.retro-forum .post-face-back.comments-column-portal :is(.comment-tool-btn,.comment-sticker-btn,.comment-img-btn,.comment-camera-btn,.comment-emoji-btn){
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#cfd6ea !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:color .14s ease, transform .14s ease !important;
}

html body.retro-forum .post-card.is-flipped :is(.comment-tool-btn,.comment-sticker-btn,.comment-img-btn,.comment-camera-btn,.comment-emoji-btn):hover,
html body.retro-forum .post-face-back.comments-column-portal :is(.comment-tool-btn,.comment-sticker-btn,.comment-img-btn,.comment-camera-btn,.comment-emoji-btn):hover{
  color:#ffffff !important;
  transform:translateY(-1px) !important;
}

html body.retro-forum .post-card.is-flipped :is(.comment-tool-btn,.comment-sticker-btn,.comment-img-btn,.comment-camera-btn,.comment-emoji-btn) span,
html body.retro-forum .post-face-back.comments-column-portal :is(.comment-tool-btn,.comment-sticker-btn,.comment-img-btn,.comment-camera-btn,.comment-emoji-btn) span{
  display:none !important;
}

html body.retro-forum .post-card.is-flipped :is(.comment-tool-btn,.comment-sticker-btn,.comment-img-btn,.comment-camera-btn,.comment-emoji-btn) svg,
html body.retro-forum .post-face-back.comments-column-portal :is(.comment-tool-btn,.comment-sticker-btn,.comment-img-btn,.comment-camera-btn,.comment-emoji-btn) svg{
  width:18px !important;
  height:18px !important;
  color:currentColor !important;
  stroke:currentColor !important;
  fill:none !important;
}

html body.retro-forum .post-card.is-flipped .comment-sticker-btn svg,
html body.retro-forum .post-face-back.comments-column-portal .comment-sticker-btn svg{
  fill:currentColor !important;
  stroke:none !important;
}

html body.retro-forum .post-card.is-flipped .comment-input-area textarea,
html body.retro-forum .post-face-back.comments-column-portal .comment-input-area textarea{
  width:100% !important;
  min-height:38px !important;
  height:38px !important;
  max-height:82px !important;
  padding:10px 12px !important;
  resize:none !important;
  border:1px solid rgba(40, 48, 70, .72) !important;
  border-radius:6px !important;
  background:#080b12 !important;
  color:#f5f7ff !important;
  font:600 13px/18px Inter, system-ui, sans-serif !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
  overflow:auto !important;
}

html body.retro-forum .post-card.is-flipped .comment-input-area textarea::placeholder,
html body.retro-forum .post-face-back.comments-column-portal .comment-input-area textarea::placeholder{
  color:#7c8498 !important;
}

html body.retro-forum .post-card.is-flipped .comment-input-area textarea:focus,
html body.retro-forum .post-face-back.comments-column-portal .comment-input-area textarea:focus{
  border-color:rgba(179, 166, 255, .5) !important;
  box-shadow:0 0 0 2px rgba(151, 128, 255, .12), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html body.retro-forum .post-card.is-flipped .comment-send-btn,
html body.retro-forum .post-face-back.comments-column-portal .comment-send-btn{
  width:76px !important;
  min-width:76px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:7px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg, #c9bfff, #a99cff) !important;
  color:#151032 !important;
  box-shadow:0 10px 22px rgba(168, 151, 255, .28) !important;
}

html body.retro-forum .post-card.is-flipped .comment-send-btn::after,
html body.retro-forum .post-face-back.comments-column-portal .comment-send-btn::after{
  content:"Enviar" !important;
  font:800 12px/1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .post-card.is-flipped .comment-send-btn svg,
html body.retro-forum .post-face-back.comments-column-portal .comment-send-btn svg{
  display:none !important;
}

@media (max-width:760px){
  html body.retro-forum .post-card.is-flipped .comment-input-row,
  html body.retro-forum .post-face-back.comments-column-portal .comment-input-row{
    grid-template-columns:minmax(0, 1fr) 64px !important;
  }

  html body.retro-forum .post-card.is-flipped .comment-send-btn,
  html body.retro-forum .post-face-back.comments-column-portal .comment-send-btn{
    width:64px !important;
    min-width:64px !important;
    padding:0 10px !important;
  }
}

/* AUDIT FINAL - Comentarios en columna central: enviar pegado al input. */
html body.retro-forum #main-col > .post-face-back .comment-input-wrap,
html body.retro-forum .main-col > .post-face-back .comment-input-wrap{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  grid-template-areas:
    "pickers"
    "tools"
    "input" !important;
  gap:8px !important;
}

html body.retro-forum #main-col > .post-face-back .mention-suggest,
html body.retro-forum #main-col > .post-face-back .comment-sticker-picker,
html body.retro-forum .main-col > .post-face-back .mention-suggest,
html body.retro-forum .main-col > .post-face-back .comment-sticker-picker{
  grid-area:pickers !important;
}

html body.retro-forum #main-col > .post-face-back .comment-tools-bar,
html body.retro-forum .main-col > .post-face-back .comment-tools-bar{
  grid-area:tools !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}

html body.retro-forum #main-col > .post-face-back .comment-input-row,
html body.retro-forum .main-col > .post-face-back .comment-input-row{
  grid-area:input !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 76px !important;
  gap:8px !important;
  align-items:end !important;
  width:100% !important;
}

html body.retro-forum #main-col > .post-face-back .comment-input-row textarea,
html body.retro-forum .main-col > .post-face-back .comment-input-row textarea{
  grid-column:1 !important;
}

html body.retro-forum #main-col > .post-face-back .comment-input-row .comment-send-btn,
html body.retro-forum .main-col > .post-face-back .comment-input-row .comment-send-btn{
  grid-column:2 !important;
  justify-self:end !important;
  align-self:stretch !important;
  width:76px !important;
  min-width:76px !important;
  margin:0 !important;
}

/* AUDIT FINAL - Comentarios usa los mismos glifos visibles que Messenger. */
html body.retro-forum .comment-tool-btn .comment-ui-chat-glyph,
html body.retro-forum .comment-sticker-btn .comment-ui-chat-glyph,
html body.retro-forum .comment-img-btn .comment-ui-chat-glyph,
html body.retro-forum .comment-camera-btn .comment-ui-chat-glyph,
html body.retro-forum .comment-emoji-btn .comment-ui-chat-glyph,
html body.retro-forum #main-col > .post-face-back .comment-tool-btn .comment-ui-chat-glyph,
html body.retro-forum .main-col > .post-face-back .comment-tool-btn .comment-ui-chat-glyph{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  color:currentColor !important;
  font:900 18px/1 "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

/* AUDIT FINAL - Emoji comentarios funciona y se ve como Messenger. */
html body.retro-forum .comment-emoji-picker.comment-emoji-rich-picker{
  width:100% !important;
  max-height:min(430px, 52vh) !important;
  min-height:320px !important;
  display:block;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(143,199,255,.34) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(22,27,39,.98), rgba(14,18,28,.98)) !important;
  box-shadow:0 -18px 42px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
  z-index:40 !important;
}

html body.retro-forum .comment-emoji-picker .dm-emoji-loading{
  height:320px !important;
  display:grid !important;
  place-items:center !important;
  color:#cfd8ff !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .comment-emoji-picker emoji-picker.dm-emoji-web-picker{
  width:100% !important;
  height:min(430px, 52vh) !important;
  min-height:320px !important;
  --background:transparent;
  --border-color:transparent;
  --border-radius:16px;
  --button-hover-background:rgba(143,199,255,.14);
  --button-active-background:rgba(195,192,255,.22);
  --category-emoji-size:1.12rem;
  --emoji-size:1.35rem;
  --emoji-font-family:"Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif;
  --indicator-color:#9bd2ff;
  --input-border-color:rgba(143,199,255,.34);
  --input-border-radius:12px;
  --input-font-color:#f5f7ff;
  --input-placeholder-color:#94a3bd;
  --num-columns:8;
  --outline-color:#9bd2ff;
  --skintone-border-radius:12px;
}

html body.retro-forum .comment-emoji-picker .dm-emoji-fallback{
  height:min(430px, 52vh) !important;
  min-height:320px !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  background:transparent !important;
}

html body.retro-forum .comment-emoji-picker .dm-emoji-fallback-tabs{
  display:grid !important;
  grid-template-columns:repeat(9,minmax(0,1fr)) !important;
  gap:4px !important;
  padding:8px !important;
  border-bottom:1px solid rgba(143,199,255,.18) !important;
}

html body.retro-forum .comment-emoji-picker .dm-emoji-fallback-tabs button,
html body.retro-forum .comment-emoji-picker .dm-emoji-fallback-grid button{
  min-width:0 !important;
  border:0 !important;
  border-radius:10px !important;
  background:rgba(143,199,255,.10) !important;
  color:#f5f7ff !important;
  cursor:pointer !important;
}

html body.retro-forum .comment-emoji-picker .dm-emoji-fallback-tabs button{
  height:34px !important;
  font-size:18px !important;
}

html body.retro-forum .comment-emoji-picker .dm-emoji-fallback-tabs button.active{
  background:rgba(195,192,255,.24) !important;
  box-shadow:0 0 0 1px rgba(155,210,255,.34) inset !important;
}

html body.retro-forum .comment-emoji-picker .dm-emoji-fallback-grid{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  align-content:start !important;
  gap:5px !important;
  padding:8px !important;
  overflow:auto !important;
}

html body.retro-forum .comment-emoji-picker .dm-emoji-fallback-grid button{
  aspect-ratio:1 !important;
  height:auto !important;
  font-size:21px !important;
}

html body.retro-forum .comment-emoji-picker .dm-emoji-fallback-grid button:hover,
html body.retro-forum .comment-emoji-picker .dm-emoji-fallback-tabs button:hover{
  background:rgba(143,199,255,.20) !important;
}

/* TRUE FINAL - Plantilla base de Comunidad. */
html body.retro-forum #page-community{
  width:100% !important;
  min-height:calc(100vh - 78px) !important;
}

html body.retro-forum .community-template{
  width:100% !important;
  min-height:calc(100vh - 96px) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  padding:18px 20px !important;
  box-sizing:border-box !important;
}

html body.retro-forum .community-template__header{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:54px !important;
}

html body.retro-forum .community-template__icon{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 42px !important;
  border:1px solid rgba(143,199,255,.28) !important;
  border-radius:10px !important;
  background:rgba(18,30,44,.72) !important;
  color:#bfc8ff !important;
}

html body.retro-forum .community-template__icon svg{
  width:22px !important;
  height:22px !important;
}

html body.retro-forum .community-template__kicker{
  color:#54d6bd !important;
  font:900 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
}

html body.retro-forum .community-template h1{
  margin:4px 0 0 !important;
  color:#f6f7ff !important;
  font:900 24px/1.05 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

html body.retro-forum .community-template__empty{
  flex:1 1 auto !important;
  min-height:360px !important;
}

/* TRUE FINAL - Comunidad Stitch layout aplicado a la columna central. */
html body.retro-forum .community-template--stitch{
  min-height:calc(100vh - 72px) !important;
  padding:64px clamp(18px, 4vw, 54px) 84px !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(91,82,178,.16), transparent 42%),
    radial-gradient(circle at 86% 18%, rgba(78,222,163,.08), transparent 30%),
    transparent !important;
}

html body.retro-forum .community-shell{
  width:min(100%, 820px) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:24px !important;
  margin:0 auto !important;
}

html body.retro-forum .community-hero{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:22px !important;
}

html body.retro-forum .community-hero__text{
  min-width:0 !important;
}

html body.retro-forum .community-template--stitch .community-template__kicker{
  margin:0 0 9px !important;
  color:#bfc8ff !important;
  font:900 12px/1 Inter, system-ui, sans-serif !important;
  text-transform:none !important;
}

html body.retro-forum .community-template--stitch h1{
  margin:0 !important;
  color:#f8fbff !important;
  font:900 28px/1.12 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

html body.retro-forum .community-hero__text p{
  margin:8px 0 0 !important;
  color:#c5c8de !important;
  font:700 13px/1.45 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .community-new-topic{
  min-height:42px !important;
  padding:0 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  border:1px solid rgba(195,192,255,.55) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #d4d0ff, #a89cff) !important;
  color:#170a64 !important;
  box-shadow:0 14px 34px rgba(122,103,255,.24), inset 0 1px 0 rgba(255,255,255,.55) !important;
  font:950 11px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}

html body.retro-forum .community-new-topic span{
  width:15px !important;
  height:15px !important;
  display:grid !important;
  place-items:center !important;
  font:950 15px/1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .community-search{
  width:min(100%, 560px) !important;
  height:54px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 18px !important;
  border:1px solid rgba(143,199,255,.12) !important;
  border-radius:16px !important;
  background:rgba(13,18,30,.58) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html body.retro-forum .community-search svg{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  fill:none !important;
  stroke:#7f89a8 !important;
  stroke-width:2.2 !important;
  stroke-linecap:round !important;
}

html body.retro-forum .community-search input{
  width:100% !important;
  min-width:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#eef3ff !important;
  font:800 13px/1 Inter, system-ui, sans-serif !important;
  box-shadow:none !important;
}

html body.retro-forum .community-search input::placeholder{
  color:#65708d !important;
  opacity:1 !important;
}

html body.retro-forum .community-categories{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}

html body.retro-forum .community-category{
  width:100% !important;
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) minmax(190px, 250px) !important;
  align-items:center !important;
  gap:22px !important;
  padding:24px !important;
  border:1px solid rgba(143,199,255,.10) !important;
  border-radius:16px !important;
  background:
    linear-gradient(135deg, rgba(31,35,49,.48), rgba(14,18,29,.66)),
    rgba(15,19,31,.62) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035) !important;
  transition:border-color .2s ease, transform .2s ease, background .2s ease !important;
}

html body.retro-forum .community-category:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(195,192,255,.32) !important;
  background:
    linear-gradient(135deg, rgba(34,39,55,.68), rgba(17,22,34,.78)),
    rgba(15,19,31,.78) !important;
}

html body.retro-forum .community-category__icon{
  width:58px !important;
  height:58px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  border:1px solid rgba(195,192,255,.22) !important;
  background:rgba(195,192,255,.09) !important;
  color:#c3c0ff !important;
}

html body.retro-forum .community-category--gaming .community-category__icon{
  border-color:rgba(78,222,163,.24) !important;
  background:rgba(78,222,163,.08) !important;
  color:#4edea3 !important;
}

html body.retro-forum .community-category--dev .community-category__icon{
  border-color:rgba(143,199,255,.24) !important;
  background:rgba(143,199,255,.08) !important;
  color:#9bd2ff !important;
}

html body.retro-forum .community-category__icon svg{
  width:30px !important;
  height:30px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

html body.retro-forum .community-category__main{
  min-width:0 !important;
}

html body.retro-forum .community-category__title{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}

html body.retro-forum .community-category__title h2{
  margin:0 !important;
  color:#f3f6ff !important;
  font:950 22px/1.1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

html body.retro-forum .community-category__title span{
  padding:4px 7px !important;
  border-radius:6px !important;
  background:rgba(255,255,255,.06) !important;
  color:#aeb6d5 !important;
  font:950 9px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
}

html body.retro-forum .community-category__main p{
  max-width:430px !important;
  margin:8px 0 0 !important;
  color:#aeb5cd !important;
  font:700 13px/1.45 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .community-category__stats{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:12px !important;
  color:#b7bdd6 !important;
  font:850 12px/1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .community-category__stats span{
  position:relative !important;
  padding-left:18px !important;
}

html body.retro-forum .community-category__stats span::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:10px !important;
  height:10px !important;
  border-radius:3px !important;
  transform:translateY(-50%) !important;
  background:rgba(195,192,255,.45) !important;
}

html body.retro-forum .community-category__last{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
  padding-left:22px !important;
  border-left:1px solid rgba(143,199,255,.10) !important;
}

html body.retro-forum .community-avatar{
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  color:#eff6ff !important;
  font:950 12px/1 Inter, system-ui, sans-serif !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.06) inset !important;
}

html body.retro-forum .community-avatar--blue{ background:linear-gradient(135deg, #153b7a, #1f9bff) !important; }
html body.retro-forum .community-avatar--green{ background:linear-gradient(135deg, #075a4d, #35d8a8) !important; }
html body.retro-forum .community-avatar--violet{ background:linear-gradient(135deg, #2a236f, #9e8dff) !important; }

html body.retro-forum .community-category__last strong{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#eef3ff !important;
  font:900 13px/1.2 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .community-category__last small{
  display:block !important;
  margin-top:5px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#858da8 !important;
  font:900 10px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
}

html body.retro-forum .community-bottom-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:24px !important;
  padding-top:34px !important;
}

html body.retro-forum .community-info-card{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  min-height:172px !important;
  padding:22px !important;
  border:1px solid rgba(143,199,255,.10) !important;
  border-radius:16px !important;
  background:linear-gradient(135deg, rgba(31,35,49,.42), rgba(14,18,29,.62)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html body.retro-forum .community-info-card__head{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}

html body.retro-forum .community-info-card__head span{
  color:#a89cff !important;
  font:950 14px/1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .community-info-card__head h2{
  margin:0 !important;
  color:#f4f6ff !important;
  font:950 16px/1 Inter, system-ui, sans-serif !important;
  letter-spacing:0 !important;
}

html body.retro-forum .community-info-card__head em{
  margin-left:auto !important;
  color:#4edea3 !important;
  font:950 9px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
  font-style:normal !important;
}

html body.retro-forum .community-info-card button{
  width:100% !important;
  border:0 !important;
  padding:0 !important;
  text-align:left !important;
  background:transparent !important;
  color:#e9edff !important;
  font:850 13px/1.3 Inter, system-ui, sans-serif !important;
  cursor:pointer !important;
}

html body.retro-forum .community-info-card button:hover{
  color:#c3c0ff !important;
}

html body.retro-forum .community-info-card small{
  display:block !important;
  margin-top:5px !important;
  color:#848ca8 !important;
  font:950 9px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
}

@media (max-width: 980px){
  html body.retro-forum .community-template--stitch{
    padding:34px 14px 58px !important;
  }

  html body.retro-forum .community-category{
    grid-template-columns:52px minmax(0,1fr) !important;
    gap:16px !important;
    padding:18px !important;
  }

  html body.retro-forum .community-category__last{
    grid-column:1 / -1 !important;
    padding:14px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(143,199,255,.10) !important;
  }
}

@media (max-width: 640px){
  html body.retro-forum .community-hero{
    align-items:stretch !important;
    flex-direction:column !important;
  }

  html body.retro-forum .community-new-topic,
  html body.retro-forum .community-search{
    width:100% !important;
  }

  html body.retro-forum .community-bottom-grid{
    grid-template-columns:1fr !important;
  }
}

/* TRUE FINAL - Comunidad actualizada desde Stitch node 687ad31ad7c24d1fbfb8faffeb27db37. */
html body.retro-forum .community-template--stitch{
  padding-top:58px !important;
}

html body.retro-forum .community-shell{
  width:min(100%, 800px) !important;
  gap:22px !important;
}

html body.retro-forum .community-hero{
  margin-bottom:2px !important;
}

html body.retro-forum .community-template--stitch h1{
  font-size:29px !important;
}

html body.retro-forum .community-new-topic{
  min-width:150px !important;
  min-height:40px !important;
  padding:0 20px !important;
}

html body.retro-forum .community-search{
  width:min(100%, 560px) !important;
  height:52px !important;
  margin-bottom:2px !important;
}

html body.retro-forum .community-categories{
  gap:18px !important;
}

html body.retro-forum .community-category{
  grid-template-columns:100px minmax(0,1fr) minmax(170px, 245px) !important;
  gap:22px !important;
  min-height:132px !important;
  padding:20px !important;
}

html body.retro-forum .community-category__icon{
  display:none !important;
}

html body.retro-forum .community-category__thumb{
  width:100px !important;
  height:100px !important;
  display:block !important;
  flex:0 0 100px !important;
  border:1px solid rgba(195,192,255,.22) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:
    linear-gradient(135deg, rgba(195,192,255,.16), rgba(78,222,163,.06)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.07) 0 1px, transparent 1px 13px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0 1px, transparent 1px 13px),
    radial-gradient(circle at 22% 20%, rgba(78,222,163,.28), transparent 28%),
    radial-gradient(circle at 78% 76%, rgba(195,192,255,.26), transparent 34%),
    #111723 !important;
  box-shadow:0 13px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.retro-forum .community-category--gaming .community-category__thumb{
  background:
    linear-gradient(135deg, rgba(78,222,163,.18), rgba(143,199,255,.07)),
    repeating-linear-gradient(45deg, rgba(78,222,163,.13) 0 2px, transparent 2px 14px),
    radial-gradient(circle at 72% 25%, rgba(78,222,163,.3), transparent 30%),
    #0e1b20 !important;
  border-color:rgba(78,222,163,.25) !important;
}

html body.retro-forum .community-category--dev .community-category__thumb{
  background:
    linear-gradient(135deg, rgba(143,199,255,.18), rgba(195,192,255,.08)),
    repeating-linear-gradient(0deg, rgba(143,199,255,.13) 0 1px, transparent 1px 12px),
    radial-gradient(circle at 35% 30%, rgba(143,199,255,.25), transparent 33%),
    #101827 !important;
  border-color:rgba(143,199,255,.25) !important;
}

html body.retro-forum .community-category--cloud .community-category__thumb{
  background:
    linear-gradient(135deg, rgba(195,192,255,.16), rgba(255,178,183,.07)),
    repeating-linear-gradient(90deg, rgba(195,192,255,.12) 0 1px, transparent 1px 12px),
    radial-gradient(circle at 25% 80%, rgba(255,178,183,.19), transparent 34%),
    #131522 !important;
}

html body.retro-forum .community-category__title h2{
  font-size:22px !important;
}

html body.retro-forum .community-category__main p{
  max-width:410px !important;
}

html body.retro-forum .community-category__stats{
  gap:13px !important;
  align-items:center !important;
}

html body.retro-forum .community-category__stats span{
  min-height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding-left:0 !important;
  color:#aeb5d2 !important;
  text-transform:none !important;
}

html body.retro-forum .community-category__stats span::before{
  content:"" !important;
  position:static !important;
  width:14px !important;
  height:14px !important;
  display:inline-grid !important;
  place-items:center !important;
  transform:none !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#9f99e8 !important;
  font:950 13px/1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .community-category__stats span[data-icon="eye"]::before{
  content:"o" !important;
}

html body.retro-forum .community-category__stats span[data-icon="like"]::before{
  content:"+" !important;
}

html body.retro-forum .community-category__stats span[data-icon="comment"]::before{
  content:"[]" !important;
  font-size:10px !important;
}

html body.retro-forum .community-category__stats span[data-icon="time"]{
  margin-left:auto !important;
  color:#8e96b0 !important;
  font-size:10px !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

html body.retro-forum .community-category__stats span[data-icon="time"]::before{
  content:"*" !important;
  width:auto !important;
  font-size:10px !important;
  color:#6f778f !important;
}

html body.retro-forum .community-category__last{
  padding-left:20px !important;
}

html body.retro-forum .community-more{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:14px !important;
  padding:10px 0 20px !important;
}

html body.retro-forum .community-load-more{
  min-height:40px !important;
  padding:0 24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border:1px solid rgba(143,199,255,.12) !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(31,35,49,.46), rgba(14,18,29,.68)) !important;
  color:#eef3ff !important;
  font:950 11px/1 Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
  box-shadow:0 14px 32px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04) !important;
  cursor:pointer !important;
}

html body.retro-forum .community-load-more:hover{
  color:#c3c0ff !important;
  border-color:rgba(195,192,255,.28) !important;
}

html body.retro-forum .community-load-more span{
  color:#c3c0ff !important;
  font:950 12px/1 Inter, system-ui, sans-serif !important;
}

html body.retro-forum .community-loader{
  display:inline-flex !important;
  gap:7px !important;
  opacity:.72 !important;
}

html body.retro-forum .community-loader span{
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:#a89cff !important;
  animation:community-pulse 1.1s infinite ease-in-out !important;
}

html body.retro-forum .community-loader span:nth-child(2){
  animation-delay:.14s !important;
}

html body.retro-forum .community-loader span:nth-child(3){
  animation-delay:.28s !important;
}

@keyframes community-pulse{
  0%, 100%{ opacity:.28; transform:translateY(0); }
  50%{ opacity:.9; transform:translateY(-2px); }
}

html body.retro-forum .community-bottom-grid{
  padding-top:18px !important;
  margin-top:0 !important;
}

@media (max-width: 980px){
  html body.retro-forum .community-category{
    grid-template-columns:82px minmax(0,1fr) !important;
  }

  html body.retro-forum .community-category__thumb{
    width:82px !important;
    height:82px !important;
  }
}

@media (max-width: 640px){
  html body.retro-forum .community-category{
    grid-template-columns:64px minmax(0,1fr) !important;
  }

  html body.retro-forum .community-category__thumb{
    width:64px !important;
    height:64px !important;
    border-radius:13px !important;
  }

  html body.retro-forum .community-category__stats span[data-icon="time"]{
    margin-left:0 !important;
    width:100% !important;
  }
}

/* TRUE FINAL - Fix HUD movil: drawer cerrado sin franja fantasma sobre Comunidad. */
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  html body.retro-forum.mobile-hud-active:not(.mobile-drawer-open) #mobile-hud-drawer,
  html body.retro-forum.mobile-hud-active:not(.mobile-drawer-open) .mobile-hud-drawer{
    width:min(82vw, 280px) !important;
    max-width:min(82vw, 280px) !important;
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    pointer-events:none !important;
    transform:translateX(calc(-100% - 18px)) !important;
  }

  html body.retro-forum.mobile-hud-active:not(.mobile-drawer-open) #mobile-hud-drawer::before,
  html body.retro-forum.mobile-hud-active:not(.mobile-drawer-open) .mobile-hud-drawer::before{
    display:none !important;
    content:none !important;
  }

  html body.retro-forum.mobile-drawer-open #mobile-hud-drawer,
  html body.retro-forum.mobile-drawer-open .mobile-hud-drawer{
    width:min(82vw, 280px) !important;
    max-width:min(82vw, 280px) !important;
    padding-left:10px !important;
    padding-right:10px !important;
    border-right:1px solid rgba(151, 161, 207, .2) !important;
    overflow:hidden auto !important;
    pointer-events:auto !important;
    transform:translateX(0) !important;
  }

  html body.retro-forum.mobile-hud-active #main-col,
  html body.retro-forum.mobile-hud-active .main-col,
  html body.retro-forum.mobile-hud-active #page-community,
  html body.retro-forum.mobile-hud-active .community-template--stitch{
    margin-left:0 !important;
    left:auto !important;
    transform:none !important;
  }
}

/* REAL FINAL - Comunidad stats iconos reales */
html body.retro-forum .community-template--stitch .community-category__stats span::before{
  content:"" !important;
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  display:inline-block !important;
  background:currentColor !important;
  color:currentColor !important;
  opacity:.95 !important;
  font-size:0 !important;
  line-height:0 !important;
  -webkit-mask:center/14px 14px no-repeat !important;
  mask:center/14px 14px no-repeat !important;
}

html body.retro-forum .community-template--stitch .community-category__stats span[data-icon="eye"]::before{
  content:"" !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}

html body.retro-forum .community-template--stitch .community-category__stats span[data-icon="like"]::before{
  content:"" !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 2 2.3l-1.4 7a2 2 0 0 1-2 1.7H7'/%3E%3Cpath d='M7 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M14 10V5.9A2 2 0 0 0 10.2 5L7 10'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 2 2.3l-1.4 7a2 2 0 0 1-2 1.7H7'/%3E%3Cpath d='M7 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M14 10V5.9A2 2 0 0 0 10.2 5L7 10'/%3E%3C/svg%3E") !important;
}

html body.retro-forum .community-template--stitch .community-category__stats span[data-icon="comment"]::before{
  content:"" !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z'/%3E%3C/svg%3E") !important;
}

html body.retro-forum .community-template--stitch .community-category__stats span[data-icon="time"]::before{
  content:"" !important;
  width:13px !important;
  height:13px !important;
  flex-basis:13px !important;
  -webkit-mask:center/13px 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
  mask:center/13px 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
}

/* REAL FINAL - Comunidad miniaturas */
html body.retro-forum .community-template--stitch .community-category__thumb--image{
  background:#070c16 !important;
}

html body.retro-forum .community-template--stitch .community-category__thumb--image img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

html body.retro-forum .community-template--stitch .community-category__thumb--news{
  display:grid !important;
  place-items:center !important;
}

html body.retro-forum .community-template--stitch .community-category__thumb--news span{
  width:38px !important;
  height:38px !important;
  display:block !important;
  color:#c9d3ff !important;
  background:currentColor !important;
  opacity:.82 !important;
  -webkit-mask:center/38px 38px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h11l5 5v11H4z'/%3E%3Cpath d='M15 4v5h5'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h6'/%3E%3Cpath d='M8 9h3'/%3E%3C/svg%3E") !important;
  mask:center/38px 38px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h11l5 5v11H4z'/%3E%3Cpath d='M15 4v5h5'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h6'/%3E%3Cpath d='M8 9h3'/%3E%3C/svg%3E") !important;
}

html body.retro-forum .community-thumbnail-picker input{
  padding:10px !important;
}

html body.retro-forum .community-thumbnail-picker span,
html body.retro-forum .community-composer-preview small{
  color:rgba(235,239,255,.58) !important;
  font-size:.76rem !important;
  font-weight:800 !important;
}

/* REAL FINAL - hasta 5 novedades en Comunidad */
html body.retro-forum .community-template--stitch .community-info-card{
  gap:11px !important;
}

html body.retro-forum .community-template--stitch .community-info-card button{
  line-height:1.22 !important;
}

html body.retro-forum .community-template--stitch .community-info-card small{
  margin-top:4px !important;
}

/* REAL FINAL - Comunidad sin fondo propio */
html body.retro-forum #page-community,
html body.retro-forum #page-community .community-template,
html body.retro-forum #page-community .community-template--stitch{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

html body.retro-forum #page-community .community-template--stitch::before,
html body.retro-forum #page-community .community-template--stitch::after{
  display:none !important;
  content:none !important;
}