.wl-form { display: flex; flex-direction: column; gap: .7rem; max-width: 620px; margin: 0 auto; align-items: stretch; }
.wl-form .btn { align-self: center; min-width: 200px; margin-top: .3rem; }
.wl-row { display: flex; align-items: center; gap: .6rem; }
.wl-row .input { height: 52px; font-weight: 700; }
.wl-row input[type=radio] { appearance: none; width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--line); background: var(--surface-2); flex: none; cursor: pointer; display: grid; place-items: center; }
.wl-row input[type=radio]:checked { border-color: var(--danger); background: var(--danger); box-shadow: inset 0 0 0 5px var(--surface); }
.wl-items { display: flex; flex-direction: column; gap: .6rem; max-width: 620px; margin: 0 auto; width: 100%; }
.wl-item { position: relative; display: flex; align-items: center; gap: .7rem; padding: .85rem 1rem; border-radius: 16px; background: var(--surface-2); border: 2px solid var(--line-soft); font-weight: 800; text-align: start; flex-wrap: wrap; transition: border-color .2s, transform .2s; }
.wl-items.big .wl-item { font-size: 1.1rem; padding: 1.1rem 1.1rem; }
.wl-item .num { width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; background: var(--surface-3); font-weight: 900; flex: none; }
.wl-item .t { flex: 1; }
.wl-item em { font-style: normal; font-size: .8rem; font-weight: 900; padding: .15rem .55rem; border-radius: 99px; background: rgb(34 197 94 / .15); color: var(--ok); }
.wl-item.is-lie { border-color: var(--danger); background: rgb(239 68 68 / .08); }
.wl-item.is-lie em { background: var(--danger); color: #fff; }
.wl-item.is-true { opacity: .75; }
button.wl-item:hover:not(:disabled) { border-color: var(--primary); transform: translateY(-2px); }
.wl-item.is-on { border-color: var(--primary); background: var(--tint); }
.wl-item:disabled { cursor: default; }
.wl-item .voters { flex-basis: 100%; color: var(--text-mute); font-size: .78rem; font-weight: 700; padding-inline-start: 2.4rem; }
.wl-hist { display: flex; flex-direction: column; gap: .4rem; max-width: 560px; margin: 1rem auto 0; font-size: .92rem; }
.wl-hist div { padding: .5rem .8rem; border-radius: 12px; background: var(--surface-2); }
