:root{
  --mcc-accent:#d4af37;
  --mcc-bg:#0b0f14;
  --mcc-card:#0f1621;
  --mcc-text:#ffffff;
  --mcc-muted:#cbd5e1;
  --mcc-border:rgba(255,255,255,.08);
  --mcc-shadow:0 18px 55px rgba(0,0,0,.45);
  --mcc-radius:18px;
}

#mcc-root{ position:relative; z-index:999999; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.mcc-backdrop{
  position:fixed; inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:16px;
  background:rgba(0,0,0,.35);
  backdrop-filter:saturate(160%) blur(6px);
}
.mcc-card{
  width:min(720px, 100%);
  background:linear-gradient(180deg, rgba(15,22,33,.98), rgba(11,15,20,.96));
  border:1px solid var(--mcc-border);
  border-radius:var(--mcc-radius);
  box-shadow:var(--mcc-shadow);
  overflow:hidden;
}
.mcc-pos-center{ margin:auto; align-self:center; }
.mcc-pos-bottom{ margin-bottom:0; }

.mcc-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 16px 10px 16px;
}
.mcc-brand{ display:flex; gap:12px; align-items:center; }
.mcc-logo{ width:42px; height:42px; object-fit:contain; border-radius:10px; background:rgba(255,255,255,.06); padding:6px; border:1px solid var(--mcc-border); }
.mcc-dot{ width:14px; height:14px; border-radius:99px; background:var(--mcc-accent); box-shadow:0 0 0 6px rgba(212,175,55,.15); }
.mcc-brand-name{ font-weight:800; letter-spacing:.22em; font-size:12px; color:var(--mcc-accent); }
.mcc-title{ font-weight:700; font-size:16px; color:var(--mcc-text); margin-top:2px; }

.mcc-x{
  width:36px; height:36px; border-radius:12px;
  border:1px solid var(--mcc-border);
  background:rgba(255,255,255,.04);
  color:var(--mcc-text);
  font-size:22px; line-height:1;
  cursor:pointer;
}
.mcc-x:hover{ background:rgba(255,255,255,.08); }

.mcc-body{ padding:0 16px 16px 16px; }
.mcc-desc{ margin:0 0 14px 0; color:var(--mcc-muted); font-size:14px; line-height:1.5; }

.mcc-actions{
  display:flex; flex-wrap:wrap; gap:10px;
  align-items:center;
}
.mcc-btn{
  border-radius:14px;
  border:1px solid var(--mcc-border);
  padding:10px 14px;
  font-weight:650;
  font-size:14px;
  cursor:pointer;
  background:rgba(255,255,255,.04);
  color:var(--mcc-text);
}
.mcc-btn:hover{ background:rgba(255,255,255,.08); }
.mcc-primary{
  background:linear-gradient(180deg, rgba(212,175,55,.98), rgba(176,132,19,.98));
  border-color:rgba(255,255,255,.12);
  color:#0b0f14;
}
.mcc-primary:hover{ filter:brightness(1.03); }
.mcc-ghost{ background:transparent; border-color:rgba(255,255,255,.18); }

.mcc-link{ color:var(--mcc-muted); font-size:13px; text-decoration:none; margin-left:auto; }
.mcc-link:hover{ color:var(--mcc-text); text-decoration:underline; }

.mcc-prefs{
  margin-top:14px;
  border-top:1px solid var(--mcc-border);
  padding-top:14px;
}
.mcc-toggle{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.mcc-toggle:last-child{ border-bottom:none; }
.mcc-toggle-title{ font-weight:700; color:var(--mcc-text); }
.mcc-toggle-sub{ font-size:12px; color:var(--mcc-muted); margin-top:2px; }

.mcc-switch{ position:relative; display:inline-block; width:46px; height:28px; }
.mcc-switch input{ opacity:0; width:0; height:0; }
.mcc-slider{
  position:absolute; cursor:pointer; inset:0;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  transition: .2s;
}
.mcc-slider:before{
  position:absolute; content:"";
  height:22px; width:22px; left:3px; top:2px;
  background:white; border-radius:999px;
  transition:.2s;
}
.mcc-switch input:checked + .mcc-slider{
  background:rgba(212,175,55,.35);
  border-color:rgba(212,175,55,.5);
}
.mcc-switch input:checked + .mcc-slider:before{ transform:translateX(18px); background:#0b0f14; box-shadow:0 0 0 2px rgba(212,175,55,.85) inset; }
.mcc-switch input:disabled + .mcc-slider{ opacity:.6; cursor:not-allowed; }

.mcc-save-row{ padding-top:12px; display:flex; justify-content:flex-end; }

@media (max-width:520px){
  .mcc-actions{ gap:8px; }
  .mcc-link{ width:100%; margin-left:0; }
  .mcc-btn{ width:100%; }
}


/* MCC Content Blocker (YouTube / Google Maps) */
.mcc-embed-placeholder{
  position: relative;
  width: 100%;
  min-height: 220px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  background: rgba(0,0,0,.02);
  box-sizing: border-box;
}
.mcc-embed-title{
  font-weight: 700;
  font-size: 15px;
}
.mcc-embed-subtext{
  font-size: 13px;
  opacity: .9;
}
.mcc-embed-btn{
  align-self: flex-start;
  border: none;
  border-radius: 10px;
  padding: 10px 14px;
  cursor: pointer;
  background: var(--mcc-accent, #d4af37);
  color: #111;
  font-weight: 700;
}
.mcc-embed-foot{
  font-size: 12px;
  opacity: .75;
  margin-top: 6px;
}