/* ===== Voten ===== */
.vtop{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.shuser{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(3,9,7,.7);cursor:text;transition:.2s;min-width:250px}
.shuser:focus-within{border-color:var(--g);box-shadow:0 0 0 3px rgba(43,255,136,.15)}
.shuser.bad{border-color:#ff5d6c;animation:shake .4s}
@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.shhead{flex:none;width:44px;height:44px;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.05)}
.shhead svg{width:100%;height:100%;display:block}
.shuin small{display:block;font-size:10.5px;color:var(--m);font-weight:600}
.shuin input{width:150px;border:0;background:none;outline:none;color:#fff;font:700 16px var(--hf);padding:0}
.shuin input::placeholder{color:#5d7068;font-weight:500}
.shok{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--g);box-shadow:0 0 10px rgba(43,255,136,.6)}
.shok svg{width:14px;height:14px;fill:#04140b}.shok[hidden]{display:none}
.vprog{flex:1;min-width:220px;display:flex;align-items:center;gap:14px;padding:10px 16px;border-radius:12px;border:1px solid var(--line2);background:rgba(3,9,7,.6)}
.vprog .vb{flex:1;height:10px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden}
.vprog .vb i{display:block;height:100%;background:linear-gradient(90deg,#0b7a3e,var(--g));box-shadow:0 0 12px var(--g);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.vprog b{font:800 15px var(--hf);white-space:nowrap}
.vprog small{font-size:12px;color:var(--m);white-space:nowrap}
.vstreak{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,140,40,.4);background:rgba(255,122,28,.08)}
.vstreak svg{width:26px;height:26px;fill:#ff8a2a;filter:drop-shadow(0 0 8px #ff7a1c)}
.vstreak b{font:900 20px var(--hf);color:#ffb26b}
.vstreak small{display:block;font-size:11px;color:var(--m);line-height:1.2}
.verr{min-height:20px;font-size:13px;color:#ff7b87;margin-bottom:10px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-bottom:22px}
.vcard{--rx:0deg;--ry:0deg;position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 20px 20px;border-radius:18px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--vc) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--vc) 10%,#0a1612),#060e0b 70%);
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out,box-shadow .3s,border-color .3s}
.vcard:hover{border-color:var(--vc);box-shadow:0 0 30px color-mix(in srgb,var(--vc) 30%,transparent)}
.vcard .vn{display:flex;align-items:center;gap:12px}
.vcard .vl{flex:none;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font:900 17px var(--hf);color:#fff;background:linear-gradient(160deg,color-mix(in srgb,var(--vc) 50%,#0b1612),#08110e);border:2px solid var(--vc);box-shadow:0 0 16px color-mix(in srgb,var(--vc) 45%,transparent)}
.vcard h3{font:800 16px var(--hf);word-break:break-word}
.vcard .vrw{display:flex;align-items:center;gap:8px;font-size:13px;color:#c5d3cc}
.vcard .vrw svg{width:16px;height:16px;fill:var(--vc);flex:none}
.vbtn{display:flex;align-items:center;justify-content:center;gap:9px;height:48px;border-radius:12px;border:1px solid var(--vc);cursor:pointer;font:800 14px var(--hf);color:#04140b;background:var(--vc);box-shadow:0 0 18px color-mix(in srgb,var(--vc) 45%,transparent);transition:.2s;margin-top:auto}
.vbtn svg{width:18px;height:18px;fill:currentColor}
.vbtn:hover{box-shadow:0 0 30px color-mix(in srgb,var(--vc) 70%,transparent);transform:translateY(-1px)}
.vcard.done{filter:saturate(.6)}
.vcard.done .vbtn{background:transparent;color:var(--vc);box-shadow:none;cursor:default}
.vcard.done::after{content:"";position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:var(--g) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2304140b' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 0 12px rgba(43,255,136,.6)}
.vbonus{display:flex;align-items:center;gap:18px;padding:20px 24px;margin-bottom:44px;transition:.4s}
.vbonus .bx{flex:none;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:rgba(255,176,46,.12);border:1px solid rgba(255,176,46,.5)}
.vbonus .bx svg{width:30px;height:30px;fill:#ffb02e}
.vbonus b{display:block;font:800 17px var(--hf)}
.vbonus small{color:var(--m);font-size:13px}
.vbonus.ok{border-color:#ffb02e;box-shadow:0 0 34px rgba(255,176,46,.3)}
.vbonus.ok .bx{animation:pop .7s cubic-bezier(.2,1.5,.4,1)}
.evsub{display:flex;align-items:center;gap:12px;font:900 clamp(20px,2.4vw,26px) var(--hf);text-transform:uppercase;margin:0 0 16px}
.evsub svg{width:24px;height:24px;fill:var(--g);filter:drop-shadow(0 0 8px var(--g))}
.vrew{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px}
.vrew .panel{padding:22px}
.vri{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;margin-bottom:12px;font:900 18px var(--hf);color:var(--g);background:rgba(43,255,136,.1);border:1px solid var(--line)}
.vri svg{width:26px;height:26px;fill:var(--g)}
.vrew h3{font:800 17px var(--hf);margin-bottom:4px}
.vrew p{font-size:13.5px;color:#b9c8c1}
.vtopl{padding:6px 0;overflow:hidden}
.vt{display:grid;grid-template-columns:64px 52px 1fr auto;align-items:center;gap:6px;height:64px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.05)}
.vt:last-child{border-bottom:0}
.vt .rk{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;font:800 17px var(--hf);color:#9fb3aa;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}
.vt.r1 .rk{color:#2b1a00;background:linear-gradient(160deg,#ffd36b,#ff9f1c);border-color:#ffd36b;box-shadow:0 0 18px rgba(255,176,46,.5)}
.vt.r2 .rk{color:#1b2420;background:linear-gradient(160deg,#eef4f1,#a9b8b1)}
.vt.r3 .rk{color:#2a1505;background:linear-gradient(160deg,#f1a873,#b5652f)}
.vt .hd{width:40px;height:40px;border-radius:8px;overflow:hidden}
.vt .hd svg{width:100%;height:100%;display:block}
.vt b{font-size:15px}
.vt .vv{font:800 15px var(--hf);color:#c5d3cc}
.vt.me{background:rgba(43,255,136,.07)}
.tdemo{margin-top:16px;font-size:12px;line-height:1.6}.tdemo[hidden]{display:none}
@media(max-width:860px){.vrew{grid-template-columns:1fr}}
@media(max-width:760px){.shuser{flex:1 1 100%}.shuin input{width:100%}.vprog,.vstreak{flex:1 1 100%}.vt{grid-template-columns:48px 44px 1fr auto;padding:0 12px}.vbonus{padding:18px}}