.vote-demo{position:relative;border-radius:22px;padding:20px 20px 22px;background:#fff;border:1px solid oklch(.93 .012 195);box-shadow:0 3px 8px oklch(.4 .05 200/.07),0 22px 46px oklch(.4 .05 200/.16)}.vote-demo:before{content:"";position:absolute;top:0;left:22px;right:22px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,oklch(.72 .16 162),oklch(.6 .14 192))}.vote-demo__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.vote-demo__badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:oklch(.44 .095 164);background:oklch(.96 .04 162);padding:5px 10px 5px 8px;border-radius:999px;white-space:nowrap}.vote-demo__badge-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:oklch(.72 .16 162);box-shadow:0 0 0 3px oklch(.72 .16 162/.25);animation:voteDemoBlink 1.8s ease-in-out infinite}.vote-demo__voter,.vote-demo__voters{display:flex;flex-shrink:0}.vote-demo__voter{width:21px;height:21px;border-radius:50%;font-size:9px;font-weight:800;color:#fff;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px #fff}.vote-demo__voter+.vote-demo__voter{margin-left:-6px}.vote-demo__voter--0{background:linear-gradient(135deg,oklch(.79 .16 78),oklch(.67 .19 38))}.vote-demo__voter--1{background:linear-gradient(135deg,oklch(.7 .15 235),oklch(.56 .18 272))}.vote-demo__voter--2{background:linear-gradient(135deg,oklch(.68 .21 350),oklch(.62 .2 18))}.vote-demo__voter--3{background:linear-gradient(135deg,oklch(.72 .16 162),oklch(.6 .14 192))}@keyframes voteDemoBlink{0%,to{opacity:1}50%{opacity:.4}}.vote-demo__label{font-size:13px;font-weight:700;color:oklch(.27 .038 215);margin-bottom:14px}.vote-demo__options{display:grid;gap:10px}.vote-demo__option{display:block;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid oklch(.9 .015 200);background:oklch(.98 .005 200);cursor:pointer;transition:border-color .15s ease,background .15s ease}.vote-demo__option:hover:not(:disabled){border-color:oklch(.83 .158 162)}.vote-demo__option:disabled{cursor:default}.vote-demo__option.is-voted{border-color:oklch(.83 .158 162);background:oklch(.96 .04 162);animation:voteDemoPulse .4s ease}.vote-demo__option-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vote-demo__option-name{font-size:14.5px;font-weight:700;color:oklch(.27 .038 215)}.vote-demo__option-count{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:oklch(.44 .095 164)}.vote-demo__bar{height:7px;border-radius:999px;background:oklch(.92 .012 200);overflow:hidden}.vote-demo__bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,oklch(.72 .16 162),oklch(.6 .14 192));transition:width .45s cubic-bezier(.2,.7,.2,1)}.vote-demo__footnote{margin:14px 0 0;font-size:12px;color:oklch(.6 .026 206);text-align:center}@keyframes voteDemoPulse{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.vote-demo__bar-fill{transition:none}.vote-demo__badge-dot,.vote-demo__option.is-voted{animation:none}}