.mvcom-area{max-width:1200px;margin:0 auto;padding:20px;background:#f6f7f9;border:1px solid #eceef2;border-radius:18px}
.mvcom-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.mvcom-title{margin:0;font-size:34px;letter-spacing:-.5px}
.mvcom-sub{margin:6px 0 0;color:#555}
.mvcom-badges{display:flex;align-items:center;gap:10px;margin-top:8px}
.mvcom-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #e2e5ea;border-radius:999px;padding:7px 12px;background:#fff;font-weight:900}
.mvcom-mini{color:#777;font-size:13px}

.mvcom-grid{display:grid;grid-template-columns:320px 1fr;gap:16px}
@media (max-width: 980px){.mvcom-grid{grid-template-columns:1fr}.mvcom-title{font-size:28px}}

.mvcom-card{background:#fff;border:1px solid #e9ebef;border-radius:16px;box-shadow:0 10px 22px rgba(0,0,0,.05);overflow:hidden}
.mvcom-user{padding:14px}
.mvcom-user-top{display:flex;gap:12px;align-items:center}
.mvcom-avatar{width:92px;height:92px;border-radius:50%;border:2px solid #b10000;object-fit:cover;background:#111}
.mvcom-user-name{font-weight:900;font-size:18px;line-height:1.2}
.mvcom-user-email{color:#777;font-size:13px;margin-top:2px}
.mvcom-user-badge{margin-top:6px;display:inline-block;background:#111;color:#fff;border-radius:999px;padding:6px 12px;font-weight:900;font-size:12px;letter-spacing:.2px}

.mvcom-user-cta{display:flex;gap:10px;margin:14px 0}
.mvcom-btn{appearance:none;border:0;border-radius:12px;padding:10px 12px;background:#111;color:#fff;font-weight:800;cursor:pointer}
.mvcom-btn:hover{filter:brightness(1.06)}
.mvcom-btn:disabled{opacity:.6;cursor:not-allowed}
.mvcom-btn-primary{background:#b10000;color:#fff}
.mvcom-btn-primary:hover{filter:brightness(1.08)}
.mvcom-btn-ghost{background:#f1f2f4;color:#111}
.mvcom-btn-small{padding:8px 10px;border-radius:10px;font-size:13px}

.mvcom-stats{display:flex;gap:10px;margin-top:10px}
.mvcom-stat{flex:1;background:#fafafa;border:1px solid #eceef2;border-radius:14px;padding:10px;text-align:center}
.mvcom-stat span{display:block;font-size:16px;line-height:1}
.mvcom-stat strong{display:block;font-size:18px;margin-top:4px}
.mvcom-stat small{display:block;color:#777;margin-top:2px;font-weight:700}

.mvcom-links{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.mvcom-link{color:#111;text-decoration:none;font-weight:800}
.mvcom-link:hover{text-decoration:underline}
.mvcom-link-danger{color:#b10000}
.mvcom-logout{margin-top:14px;padding-top:12px;border-top:1px dashed #eee}

.mvcom-main{display:flex;flex-direction:column;gap:16px}
.mvcom-card-head{padding:14px 16px;border-bottom:1px solid #f0f0f0}
.mvcom-card-head h3{margin:0;font-size:20px}
.mvcom-hint{margin-top:6px;color:#777;font-size:13px}

.mvcom-list{padding:12px 16px;display:flex;flex-direction:column;gap:12px}
.mvcom-item{border:1px solid #eceef2;border-radius:16px;padding:12px;background:#fff}
.mvcom-item-title{display:block;font-weight:900;text-decoration:none;color:#111}
.mvcom-item-title:hover{text-decoration:underline}
.mvcom-item-meta{margin-top:4px;color:#777;font-size:12px}
.mvcom-item-body{margin-top:10px;color:#222}
.mvcom-item-actions{margin-top:10px}

.mvcom-item-body p{margin:0 0 10px}
.mvcom-item-body p:last-child{margin-bottom:0}

.mvcom-gif{margin-top:10px;border:1px solid #eceef2;border-radius:14px;overflow:hidden;background:#0f0f10;max-width:560px}
.mvcom-gif img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover}

/* Limit very large GIFs in comment bodies site-wide (giphy/.gif only) */
.comment-body img[src*="giphy"],
.comment-body img[src$=".gif"],
.mv-comment-body img[src*="giphy"],
.mv-comment-body img[src$=".gif"],
.comment-content img[src*="giphy"],
.comment-content img[src$=".gif"]{
  max-height:320px;
  width:auto;
  max-width:100%;
  border-radius:16px;
}

.mvcom-empty{padding:12px 16px;color:#666}

/* Like button injected into comments */
.mvcom-like-wrap{margin-top:8px}
.mvcom-like{border:1px solid #eee;background:#fff;border-radius:999px;padding:6px 10px;font-weight:900;cursor:pointer}
.mvcom-like[aria-pressed="true"]{border-color:#111;background:#111;color:#fff}

/* Ranking */
.mvcom-ranking{list-style:none;margin:0;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.mvcom-rank{display:flex;align-items:center;gap:10px;border:1px solid #eee;border-radius:16px;padding:10px;background:#fff}
.mvcom-rank-pos{width:28px;height:28px;border-radius:999px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.mvcom-rank-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #111;object-fit:cover;background:#111}
.mvcom-rank-name{font-weight:900}
.mvcom-rank-badge{margin-left:8px;font-weight:900;font-size:12px;color:#111;background:#f4f4f4;border-radius:999px;padding:3px 8px}
.mvcom-rank-sub{color:#777;font-size:12px;margin-top:2px}

/* Modal */
.mvcom-modal{position:fixed;inset:0;display:none;z-index:99999}
/* Center the panel and prevent the backdrop from covering it */
.mvcom-modal[aria-hidden="false"]{display:flex;align-items:center;justify-content:center;padding:18px 16px}
.mvcom-modal{overscroll-behavior:contain}
.mvcom-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:0}
.mvcom-modal-panel{position:relative;z-index:1;max-width:980px;width:100%;margin:0;background:#0f0f10;color:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.70);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 36px)}
.mvcom-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));position:sticky;top:0;z-index:2;backdrop-filter:blur(10px)}
.mvcom-modal-body{padding:14px 18px 18px;overflow:auto}
.mvcom-modal .mvcom-btn-ghost{background:rgba(255,255,255,.08);color:#fff}
.mvcom-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mvcom-form input[type=file]{color:#fff}

/* Custom file input */
.mvcom-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mvcom-file-input{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mvcom-file-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:900;cursor:pointer}
.mvcom-file-btn:hover{background:rgba(255,255,255,.14)}
.mvcom-file-name{color:#cfcfcf;font-size:13px;font-weight:700;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mvcom-msg{margin-top:10px;color:#ddd;font-size:13px}


/* Drawer */
.mvcom-drawer{position:fixed;inset:0;display:none;z-index:99999}
.mvcom-drawer[aria-hidden="false"]{display:block}
.mvcom-drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.mvcom-drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(460px,92vw);background:#111;color:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.6);display:flex;flex-direction:column}
.mvcom-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.mvcom-drawer-actions{display:flex;gap:10px}
.mvcom-drawer-body{padding:10px 12px;overflow:auto}
.mvcom-pill{margin-left:8px;background:#b10000;border-radius:999px;padding:2px 8px;font-size:12px}

/* Save button on posts */
.mvcom-savepost{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;border:1px solid #e9ebef;background:#fff;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.mvcom-savepost:hover{filter:brightness(1.03)}
.mvcom-savepost[aria-pressed="true"]{border-color:#111;background:#111;color:#fff}
.mvcom-savepost-ic{display:inline-flex}
.mvcom-savepost-tx{font-size:13px}

@media (max-width:520px){
  .mvcom-avatar{width:78px;height:78px}
  .mvcom-savepost{width:100%;justify-content:center}
}

.mvcom-notifs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mvcom-notif{border:1px solid rgba(255,255,255,.1);border-radius:16px}
.mvcom-notif a{display:block;padding:10px 12px;color:#fff;text-decoration:none}
.mvcom-notif.is-unread{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.04)}
.mvcom-notif-text{font-weight:800}
.mvcom-notif-time{margin-top:3px;color:#bbb;font-size:12px}


/* Presets (12) - Netflix style */
.mvcom-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;margin-top:12px}
@media (max-width:520px){.mvcom-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mvcom-preset{position:relative;text-align:left;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:16px;padding:12px;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease}
.mvcom-preset:hover{transform:translateY(-3px);border-color:rgba(200,16,46,.55);box-shadow:0 14px 40px rgba(0,0,0,.55);background:rgba(255,255,255,.05)}
.mvcom-preset:focus-visible{outline:2px solid rgba(200,16,46,.9);outline-offset:2px}

.mvcom-preset-thumb{width:100%;aspect-ratio:1 / 1;border-radius:14px;background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.06), rgba(255,255,255,0) 55%), #0b0b0c;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}
.mvcom-preset-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;filter:none;object-fit:contain;object-position:center;margin:auto}

@media (max-height:720px){
  .mvcom-modal[aria-hidden="false"]{padding:12px 10px}
  .mvcom-modal-panel{max-height:calc(100vh - 24px)}
}

.mvcom-preset-label{display:block;margin-top:10px;font-weight:900;font-size:13px;line-height:1.2;color:#fff;opacity:.95;letter-spacing:.2px}
.mvcom-preset-lock{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:800;color:#ffd6d6;opacity:.95}

.mvcom-preset.is-locked{opacity:.55}
.mvcom-preset.is-locked:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.035)}
.mvcom-preset.is-locked::after{content:'';position:absolute;inset:0;border-radius:16px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.62));pointer-events:none}

/* Badge pequeno no comentário */
.mvcom-comment-badge{
  display:inline-flex;align-items:center;
  margin-left:8px;
  font-size:11px;font-weight:900;
  padding:2px 7px;border-radius:999px;
  background:#111;color:#fff;
  border:1px solid rgba(0,0,0,.25);
  vertical-align:middle;
}

/* Ranking visual */
.mvcom-ranking{display:flex;flex-direction:column;gap:10px}
.mvcom-rank{position:relative;overflow:hidden}
.mvcom-rank.is-gold{border-color:#d9b24a}
.mvcom-rank.is-silver{border-color:#bdbdbd}
.mvcom-rank.is-bronze{border-color:#b07d3a}
.mvcom-rank-bar{margin-top:8px;height:8px;border-radius:999px;background:#f0f0f0;overflow:hidden}
.mvcom-rank-bar span{display:block;height:100%;background:#111;border-radius:999px}