/* Polls */
#poll-btn{color:#a5b4fc}
#poll-btn:hover{color:#c7d2fe;background:rgba(129,140,248,.12)}

.poll-card{max-width:380px;width:100%;padding:11px 12px 10px;border-radius:10px;text-align:left;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:#d4d4d8;font-size:13px;line-height:1.45}
.poll-q{font-size:14px;font-weight:600;color:#fff;margin-bottom:9px;overflow-wrap:anywhere}
.poll-options{display:flex;flex-direction:column;gap:5px}
.poll-opt{position:relative;display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:6px 10px;border-radius:7px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:transparent;color:#e4e4e7;font:inherit;text-align:left;cursor:pointer;transition:border-color .12s}
.poll-opt:hover:not(:disabled){border-color:rgba(255,255,255,.3)}
.poll-opt:disabled{cursor:default}
.poll-fill{position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,.08);transition:width .35s ease;pointer-events:none}
.poll-opt.is-mine{border-color:rgba(255,255,255,.5)}
.poll-opt.is-mine .poll-fill{background:rgba(255,255,255,.16)}
.poll-opt.is-win .poll-text{font-weight:700;color:#fff}
.poll-mark{position:relative;flex:0 0 auto;width:14px;height:14px;border:1.5px solid rgba(255,255,255,.35)}
.poll-mark.is-radio{border-radius:50%}.poll-mark.is-check{border-radius:4px}
.poll-opt.is-mine .poll-mark{background:#fff;border-color:#fff;box-shadow:inset 0 0 0 2.5px #1c1c20}
.poll-text{position:relative;flex:1;min-width:0;overflow-wrap:anywhere}
.poll-count{position:relative;flex:0 0 auto;font-size:12px;color:#a1a1aa;font-variant-numeric:tabular-nums}
.poll-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:#8b8b95}
.poll-foot b{font-weight:600;color:#c4c4cc;font-variant-numeric:tabular-nums}
.poll-end-btn{border:0;background:none;padding:0;color:#a1a1aa;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}
.poll-end-btn:hover{color:#fff}
.poll-gone{padding:6px 0;color:#8b8b95}
.poll-cost{margin:2px 0 0;font-size:12.5px;color:#a1a1aa}.poll-cost b{color:#e4e4e7;font-weight:600}

/* Create dialog */
.poll-modal .poll-opt-list{display:flex;flex-direction:column;gap:7px}
.poll-opt-row{display:flex;align-items:center;gap:8px}
.poll-opt-n{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:rgba(129,140,248,.18);color:#a5b4fc}
.poll-opt-row input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font:inherit;outline:none}
.poll-opt-row input:focus{border-color:#818cf8}
.poll-opt-x{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#71717a;cursor:pointer;display:grid;place-items:center}
.poll-opt-x:hover{background:rgba(248,113,113,.14);color:#fca5a5}
.poll-opt-x .material-icons-round{font-size:17px}
.poll-opt-x[hidden],.poll-add[hidden]{display:none}
.poll-add{margin-top:7px;align-self:flex-start;display:inline-flex;align-items:center;gap:5px;border:1px dashed rgba(129,140,248,.5);background:transparent;color:#a5b4fc;border-radius:9px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.poll-add:hover{background:rgba(129,140,248,.1)}
.poll-add .material-icons-round{font-size:17px}
.poll-switch{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:#d4d4d8;user-select:none}
.poll-switch input{position:absolute;opacity:0;pointer-events:none}
.poll-switch-track{width:38px;height:22px;border-radius:999px;background:#3f3f46;position:relative;transition:background .15s;flex:0 0 auto}
.poll-switch-track::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.poll-switch input:checked + .poll-switch-track{background:#6366f1}
.poll-switch input:checked + .poll-switch-track::after{transform:translateX(16px)}
.poll-switch input:focus-visible + .poll-switch-track{outline:2px solid #a5b4fc;outline-offset:2px}
.poll-modal .gift-field em{font-style:normal;color:#a5b4fc;font-weight:600;margin-left:6px}
.poll-presets button.is-on{background:#6366f1;border-color:#6366f1;color:#fff}
.poll-custom{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#a1a1aa}
.poll-custom input,.poll-custom select{padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font:inherit;outline:none}
.poll-custom input{width:90px}
.poll-modal .gift-primary{background:linear-gradient(145deg,#818cf8,#6366f1);color:#fff}

@media (max-width:640px){
  .poll-card{max-width:100%}
}
@media (prefers-reduced-motion:reduce){.poll-fill{transition:none}}