:root{
  --sc-bg:#0b0f14;
  --sc-card:#111827;
  --sc-text:#e5e7eb;
  --sc-muted:#9ca3af;
  --sc-border:rgba(255,255,255,.10);
  --sc-btn:#1f2937;
  --sc-btnText:#e5e7eb;
  --sc-primary:#2563eb;
  --sc-primaryText:#ffffff;
}

#sc-consent-root{position:relative; z-index:999999;}
.sc-hidden{display:none !important;}
.sc-banner{
  position:fixed; left:0; right:0; bottom:0;
  padding:16px;
  opacity:0; transform:translateY(12px);
  transition:opacity .18s ease, transform .18s ease;
}
.sc-banner.sc-show{opacity:1; transform:translateY(0);}
.sc-card{
  max-width:980px; margin:0 auto;
  background:var(--sc-card);
  color:var(--sc-text);
  border:1px solid var(--sc-border);
  border-radius:14px;
  padding:16px;
  display:flex; gap:16px;
  align-items:flex-start;
  box-shadow:0 12px 40px rgba(0,0,0,.35);
}
.sc-text{flex:1; min-width:240px;}
.sc-title{font-weight:700; font-size:14px; letter-spacing:.2px; margin-bottom:6px;}
.sc-desc{color:var(--sc-muted); font-size:13px; line-height:1.4;}
.sc-links{margin-top:10px; font-size:12px; color:var(--sc-muted);}
.sc-links a{color:var(--sc-text); text-decoration:underline; text-underline-offset:3px;}

.sc-actions{
  display:flex; flex-wrap:wrap; gap:10px;
  justify-content:flex-end;
}
.sc-btn{
  border:1px solid var(--sc-border);
  background:var(--sc-btn);
  color:var(--sc-btnText);
  padding:10px 12px;
  border-radius:12px;
  cursor:pointer;
  font-size:13px;
  line-height:1;
}
.sc-btn:hover{filter:brightness(1.05);}
.sc-btn:active{transform:translateY(1px);}
.sc-primary{background:var(--sc-primary); border-color:rgba(255,255,255,.08); color:var(--sc-primaryText);}
.sc-outline{background:transparent;}

.sc-modal{
  position:fixed; inset:0;
  background:rgba(0,0,0,.55);
  display:flex; align-items:center; justify-content:center;
  padding:16px;
  opacity:0;
  transition:opacity .18s ease;
}
.sc-modal.sc-show{opacity:1;}
.sc-modal-card{
  width:min(760px, 100%);
  background:var(--sc-card);
  color:var(--sc-text);
  border:1px solid var(--sc-border);
  border-radius:16px;
  padding:16px;
  box-shadow:0 18px 55px rgba(0,0,0,.45);
}
.sc-modal-head{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:12px; padding-bottom:10px; border-bottom:1px solid var(--sc-border);
}
.sc-modal-title{font-weight:800; font-size:16px; margin-bottom:4px;}
.sc-modal-desc{color:var(--sc-muted); font-size:13px; line-height:1.4;}
.sc-icon-btn{
  background:transparent; border:1px solid var(--sc-border);
  color:var(--sc-text);
  width:36px; height:36px; border-radius:12px;
  cursor:pointer; font-size:18px; line-height:1;
}
.sc-list{margin-top:12px; display:flex; flex-direction:column; gap:10px;}
.sc-item{
  border:1px solid var(--sc-border);
  border-radius:14px;
  padding:12px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.sc-item-title{font-weight:700; font-size:14px; margin-bottom:2px;}
.sc-item-desc{color:var(--sc-muted); font-size:12.5px; line-height:1.35;}
.sc-badge{
  font-size:12px; padding:6px 10px; border-radius:999px;
  border:1px solid var(--sc-border); color:var(--sc-muted);
}

.sc-switch{position:relative; display:inline-block; width:46px; height:26px;}
.sc-switch input{opacity:0; width:0; height:0;}
.sc-slider{
  position:absolute; cursor:pointer; inset:0;
  background:#374151; border:1px solid var(--sc-border);
  transition:.18s; border-radius:999px;
}
.sc-slider:before{
  position:absolute; content:"";
  height:20px; width:20px; left:3px; top:2px;
  background:#e5e7eb; transition:.18s; border-radius:999px;
}
.sc-switch input:checked + .sc-slider{background:var(--sc-primary);}
.sc-switch input:checked + .sc-slider:before{transform:translateX(20px);}

.sc-modal-actions{
  margin-top:14px;
  display:flex; gap:10px; justify-content:flex-end;
}

/* Small screens */
@media (max-width:640px){
  .sc-card{flex-direction:column;}
  .sc-actions{justify-content:flex-start;}
  .sc-btn{flex:1;}
}