.bbsa-poll{
  --bbsa-accent:#ff6a00;
  --bbsa-bg:#fff;
  --bbsa-border:rgba(0,0,0,.08);
  --bbsa-text:rgba(0,0,0,.88);
  --bbsa-sub:rgba(0,0,0,.62);
  --bbsa-soft:rgba(0,0,0,.06);
  font-family:inherit;
  border:1px solid var(--bbsa-border);
  border-radius:16px;
  padding:18px;
  max-width:780px;
  margin:18px 0;
  background:var(--bbsa-bg);
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}

.bbsa-poll *{box-sizing:border-box}

.bbsa-poll__header{margin-bottom:14px}
.bbsa-poll__title{font-size:18px;font-weight:800;line-height:1.2;color:var(--bbsa-text)}
.bbsa-poll__question{margin-top:6px;color:var(--bbsa-sub);font-size:14px}

.bbsa-poll__choices{display:grid;grid-template-columns:1fr;gap:10px}
.bbsa-choice{cursor:pointer;display:block;position:relative}
.bbsa-choice input{position:absolute;opacity:0;pointer-events:none}

.bbsa-choice__card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:14px;
  padding:12px;
  transition:transform .08s ease, box-shadow .08s ease, border-color .08s ease, background .08s ease;
  background:#fff;
}

.bbsa-choice__imgwrap{width:46px;height:46px;border-radius:999px;overflow:hidden;background:var(--bbsa-soft);flex:none}
.bbsa-poll__img{width:46px;height:46px;object-fit:cover;display:block}

.bbsa-choice__label{font-weight:700;color:var(--bbsa-text);line-height:1.2}

.bbsa-choice:hover .bbsa-choice__card{box-shadow:0 14px 30px rgba(0,0,0,.10);transform:translateY(-1px)}
.bbsa-choice input:checked + .bbsa-choice__card{border-color:color-mix(in srgb, var(--bbsa-accent) 75%, #000 0%);background:color-mix(in srgb, var(--bbsa-accent) 6%, #fff)}

.bbsa-choice__rank{
  width:22px;height:22px;border-radius:999px;
  background:rgba(0,0,0,.08);
  color:rgba(0,0,0,.75);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;
  margin-right:8px;
}

.bbsa-is-leading .bbsa-choice__card{
  border-color:color-mix(in srgb, var(--bbsa-accent) 90%, #000 0%);
  box-shadow:0 16px 34px rgba(0,0,0,.12);
}

.bbsa-choice__bar{
  grid-column:1/-1;
  height:10px;
  border-radius:999px;
  background:var(--bbsa-soft);
  overflow:hidden;
  margin-top:10px;
  display:none;
}

.bbsa-choice__barfill{
  height:100%;
  width:0%;
  background:var(--bbsa-accent);
  display:block;
  border-radius:999px;
  transition:width .55s ease;
}

.bbsa-choice__pct{
  grid-column:1/-1;
  margin-top:6px;
  color:var(--bbsa-sub);
  font-size:13px;
  display:none;
}

.bbsa-poll__actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.bbsa-poll__button{
  appearance:none;
  border:0;
  border-radius:12px;
  padding:11px 16px;
  background:var(--bbsa-accent);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  transition:transform .08s ease, filter .08s ease;
}
.bbsa-poll__button:hover{filter:brightness(.96);transform:translateY(-1px)}
.bbsa-poll__button:disabled{opacity:.6;cursor:not-allowed;transform:none}
.bbsa-poll__status{font-size:13px;color:var(--bbsa-sub)}
.bbsa-poll__meta{margin-top:12px;font-size:13px;color:var(--bbsa-sub)}

.bbsa-is-results .bbsa-choice__bar,
.bbsa-is-results .bbsa-choice__pct{display:block}

.bbsa-poll__share{margin-top:14px;border-top:1px solid var(--bbsa-border);padding-top:14px}
.bbsa-poll__sharelabel{font-weight:800;color:var(--bbsa-text);margin-bottom:10px}
.bbsa-poll__sharebuttons{display:flex;gap:10px;flex-wrap:wrap}
.bbsa-share{
  appearance:none;
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  padding:8px 12px;
  background:#fff;
  color:var(--bbsa-text);
  font-weight:700;
  cursor:pointer;
}
.bbsa-share:hover{border-color:rgba(0,0,0,.22)}
.bbsa-share--copy{border-color:color-mix(in srgb, var(--bbsa-accent) 70%, rgba(0,0,0,.10));color:color-mix(in srgb, var(--bbsa-accent) 85%, #000 0%)}

/* Themes */
.bbsa-theme-compact .bbsa-choice__card{padding:10px;border-radius:12px}
.bbsa-theme-compact .bbsa-choice__imgwrap{width:38px;height:38px}
.bbsa-theme-compact .bbsa-poll__img{width:38px;height:38px}

.bbsa-theme-imagegrid .bbsa-poll__choices{grid-template-columns:repeat(2, minmax(0,1fr))}
.bbsa-theme-imagegrid .bbsa-choice__card{grid-template-columns:1fr;justify-items:center;text-align:center}
.bbsa-theme-imagegrid .bbsa-choice__imgwrap{width:78px;height:78px}
.bbsa-theme-imagegrid .bbsa-poll__img{width:78px;height:78px}
.bbsa-theme-imagegrid .bbsa-choice__bar,.bbsa-theme-imagegrid .bbsa-choice__pct{width:100%}

.bbsa-theme-glass{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.85));
  backdrop-filter:saturate(180%) blur(10px);
}
.bbsa-theme-glass .bbsa-choice__card{background:rgba(255,255,255,.86)}

.bbsa-theme-leaderboard .bbsa-choice__card{grid-template-columns:auto 1fr auto}
.bbsa-theme-leaderboard .bbsa-choice__bar{height:12px}

.bbsa-theme-minimal{
  border:0;
  box-shadow:none;
  padding:0;
  background:transparent;
}
.bbsa-theme-minimal .bbsa-choice__card{border-radius:12px}

@media (max-width:520px){
  .bbsa-theme-imagegrid .bbsa-poll__choices{grid-template-columns:1fr}
}

.bbsa-poll__badge{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--bbsa-border);
  background:rgba(0,0,0,.03);
  color:rgba(0,0,0,.78);
}

.bbsa-poll__badge--ends{
  background:color-mix(in srgb, var(--bbsa-accent) 10%, #fff);
  border-color:color-mix(in srgb, var(--bbsa-accent) 35%, var(--bbsa-border));
}

.bbsa-poll[data-expired="1"] .bbsa-choice{cursor:default}
.bbsa-poll[data-expired="1"] .bbsa-choice:hover .bbsa-choice__card{transform:none;box-shadow:none}
