:root{
  --bwcb-bg:#ffffff;
  --bwcb-fg:#111111;
  --bwcb-muted:#6b6b6b;
  --bwcb-border:#e9e9e9;
  --bwcb-shadow:0 14px 40px rgba(0,0,0,.10);
  --bwcb-radius:0px;
  --bwcb-max:980px;
  --bwcb-z:999999;
  --bwcb-font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
}

#bwcb-root{
  position:fixed;
  left:0;
  right:0;
  z-index:var(--bwcb-z);
  padding:18px;
  display:none;
  pointer-events:none;
  text-transform:lowercase;
  font-family:var(--bwcb-font);
  letter-spacing:.01em;
}

#bwcb-root.bwcb-show{display:block;}
#bwcb-root.bwcb-pos-bottom{bottom:0;}
#bwcb-root.bwcb-pos-top{top:0;}

#bwcb-root .bwcb-banner{
  max-width:var(--bwcb-max);
  margin:0 auto;
  background:var(--bwcb-bg);
  color:var(--bwcb-fg);
  border:1px solid var(--bwcb-border);
  border-radius:var(--bwcb-radius);
  box-shadow:var(--bwcb-shadow);
  padding:22px 22px 20px 22px;
  pointer-events:auto;
}

#bwcb-root .bwcb-row{
  display:flex;
  gap:18px;
  align-items:flex-start;
  justify-content:space-between;
}

#bwcb-root .bwcb-col-text{flex:1 1 auto; min-width:0;}
#bwcb-root .bwcb-col-actions{
  flex:0 0 auto;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}

#bwcb-root .bwcb-title{
  font-size:14px;
  line-height:1.2;
  letter-spacing:.06em;
  text-transform:lowercase;
  margin:0 0 10px 0;
}

#bwcb-root .bwcb-text{
  font-size:12.5px;
  line-height:1.55;
  color:var(--bwcb-muted);
  margin:0 0 12px 0;
  max-width:70ch;
}

#bwcb-root .bwcb-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

#bwcb-root .bwcb-link{
  font-size:12px;
  color:var(--bwcb-fg);
  text-decoration:none;
  padding-bottom:2px;
  border-bottom:1px solid rgba(0,0,0,.22);
}
#bwcb-root .bwcb-link:hover{border-bottom-color:rgba(0,0,0,.65);}

#bwcb-root .bwcb-btn{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid var(--bwcb-fg);
  background:transparent;
  color:var(--bwcb-fg);
  border-radius:0;
  padding:10px 14px;
  font-size:12px;
  line-height:1;
  letter-spacing:.05em;
  cursor:pointer;
  transition:opacity .12s ease;
}
#bwcb-root .bwcb-btn:hover{opacity:.80;}

#bwcb-root .bwcb-btn-primary{
  background:var(--bwcb-fg);
  color:var(--bwcb-bg);
}

#bwcb-root .bwcb-settings{
  margin-top:16px;
  border-top:1px solid var(--bwcb-border);
  padding-top:16px;
}

#bwcb-root .bwcb-settings-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

#bwcb-root .bwcb-settings-title{
  font-size:12px;
  color:var(--bwcb-fg);
  letter-spacing:.05em;
}

#bwcb-root .bwcb-icon-btn{
  width:34px;
  height:34px;
  border-radius:0;
  border:1px solid var(--bwcb-border);
  background:transparent;
  color:var(--bwcb-fg);
  cursor:pointer;
  font-size:18px;
  line-height:1;
}
#bwcb-root .bwcb-icon-btn:hover{opacity:.80;}

#bwcb-root .bwcb-cats{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

#bwcb-root .bwcb-cat{
  display:block;
  border:1px solid var(--bwcb-border);
  border-radius:0;
  padding:12px 12px 11px 12px;
}

#bwcb-root .bwcb-cat-top{
  display:flex;
  align-items:center;
  gap:10px;
}

#bwcb-root .bwcb-cat input[type="checkbox"]{
  width:18px;
  height:18px;
  border-radius:0;
}

#bwcb-root .bwcb-cat-label{
  font-size:12px;
  color:var(--bwcb-fg);
  letter-spacing:.04em;
}

#bwcb-root .bwcb-cat-desc{
  margin-top:7px;
  font-size:12px;
  line-height:1.5;
  color:var(--bwcb-muted);
}

#bwcb-root .bwcb-badge{
  margin-left:auto;
  font-size:11px;
  border:1px solid var(--bwcb-border);
  border-radius:0;
  padding:3px 8px;
  color:var(--bwcb-muted);
  letter-spacing:.03em;
}

#bwcb-root .bwcb-settings-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  flex-wrap:wrap;
  margin-top:12px;
}

@media (max-width: 720px){
  #bwcb-root{padding:12px;}
  #bwcb-root .bwcb-banner{padding:18px;}
  #bwcb-root .bwcb-row{flex-direction:column; align-items:stretch;}
  #bwcb-root .bwcb-col-actions{justify-content:flex-start;}
  #bwcb-root .bwcb-btn{width:100%; text-align:center; padding:12px 14px;}
  #bwcb-root .bwcb-settings-actions{justify-content:stretch;}
  #bwcb-root .bwcb-gate-card{padding:18px;}
}


#bwcb-root{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .22s ease, transform .22s ease;
}
#bwcb-root.bwcb-show{
  opacity:1;
  transform:translateY(0);
}

#bwcb-root .bwcb-banner{
  padding:28px 28px 24px 28px;
}

#bwcb-root .bwcb-title{
  font-size:12px;
  letter-spacing:.08em;
}

#bwcb-root .bwcb-text{
  font-size:12px;
  line-height:1.7;
  margin-bottom:14px;
}

#bwcb-root .bwcb-col-actions{
  gap:12px;
}

#bwcb-root .bwcb-btn{
  padding:11px 16px;
  font-size:11.5px;
  letter-spacing:.08em;
  border-width:1px;
}

#bwcb-root .bwcb-btn-link{
  border:0;
  padding:0;
  background:transparent;
  text-decoration:none;
  border-bottom:1px solid rgba(0,0,0,.22);
}
#bwcb-root .bwcb-btn-link:hover{opacity:.75; border-bottom-color:rgba(0,0,0,.6);}

@media (max-width: 720px){
  #bwcb-root .bwcb-banner{padding:20px;}
  #bwcb-root .bwcb-btn{width:100%;}
  #bwcb-root .bwcb-btn-link{width:auto; text-align:left; display:inline-block;}
}

#bwcb-root .bwcb-settings-subtitle{
  font-size:11.5px;
  color:var(--bwcb-muted);
  letter-spacing:.03em;
  margin-top:6px;
}
#bwcb-root .bwcb-details-row{
  display:flex;
  justify-content:flex-start;
  margin:6px 0 10px 0;
}
#bwcb-root .bwcb-details{
  border:1px solid var(--bwcb-border);
  padding:12px;
  margin-bottom:12px;
}
#bwcb-root .bwcb-details-block + .bwcb-details-block{ margin-top:10px; }
#bwcb-root .bwcb-details-title{
  font-size:11.5px;
  letter-spacing:.06em;
  margin:0 0 6px 0;
}
#bwcb-root .bwcb-details-text{
  font-size:12px;
  line-height:1.55;
  color:var(--bwcb-muted);
}