.rk-list { list-style: none; margin: 0 auto; padding: 0; display: flex; flex-direction: column; gap: .5rem; max-width: 520px; }
.rk-item { display: flex; align-items: center; gap: .7rem; padding: .7rem .8rem; border-radius: 16px; background: var(--surface-2); border: 2px solid var(--line-soft); font-weight: 800; font-size: 1.08rem; cursor: grab; user-select: none; animation: pop .3s var(--ease); }
.rk-item.dragging { opacity: .5; border-color: var(--primary); }
.rk-item.ok { border-color: rgb(34 197 94 / .5); cursor: default; }
.rk-n { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; background: var(--primary); color: var(--on-primary); font-weight: 900; flex: none; }
.rk-t { flex: 1; }
.rk-btns { display: flex; gap: .3rem; }
.rk-btns button { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: var(--surface-3); color: var(--text); }
.rk-btns button:hover:not(:disabled) { background: var(--tint); color: var(--primary-ink); }
.rk-btns button:disabled { opacity: .3; }
.rk-btns svg { width: 20px; height: 20px; }
.rk-list.small .rk-item { font-size: .95rem; padding: .45rem .6rem; cursor: default; }
.rk-list.small .rk-n { width: 26px; height: 26px; border-radius: 8px; font-size: .85rem; }
.rk-done { text-align: center; }