.ks-list { display: grid; gap: 10px; margin: 0 0 14px; }
  .ks-item { padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--card); }
  .ks-item.bad { border-color: color-mix(in srgb, var(--error, #d92d20) 60%, var(--border)); }
  .ks-name { font-weight: 700; word-break: break-all; }
  .ks-meta { margin-top: 3px; color: var(--muted); font-size: .88rem; }
  .ks-err { margin-top: 3px; color: var(--error, #d92d20); font-size: .88rem; }
  .ks-num { display: grid; gap: 4px; margin-top: 10px; font-size: .85rem; color: var(--muted); }
  .ks-num input { margin: 0; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--border); background: var(--bg); color: var(--text); font: inherit; font-variant-numeric: tabular-nums; letter-spacing: .01em; }
  .ks-num input.bad { border-color: var(--error, #d92d20); outline: 2px solid color-mix(in srgb, var(--error, #d92d20) 35%, transparent); }
  .ks-row { display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; margin: 4px 0 8px; }
  .ks-lock a { color: var(--prem-text); font-weight: 700; }
  .ks-item { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .ks-item.has-qr { grid-template-columns: minmax(0, 1fr) auto; }
  .ks-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 10px; }
  .ks-actions .ks-one { padding: 8px 14px; }
  .ks-done { color: var(--ok, #1a7f4b); font-weight: 700; font-size: .9rem; }
  .ks-done[hidden] { display: none; }
  .ks-qr { display: flex; flex-direction: column; align-items: center; gap: 8px; }
  .ks-qrimg { width: 108px; height: 108px; padding: 6px; border-radius: 10px; background: #fff; box-sizing: border-box; box-shadow: 0 2px 10px rgba(0,0,0,.18); }
  .ks-qrimg svg { display: block; width: 100%; height: 100%; }
  .ks-verify { font-size: .85rem; font-weight: 700; color: var(--text); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
  @media (max-width: 520px) { .ks-item.has-qr { grid-template-columns: 1fr; } .ks-qr { flex-direction: row; justify-content: flex-start; } .ks-qrimg { width: 92px; height: 92px; } }
  #ksgo.ks-prem::before { content: "★ "; color: var(--prem, #f5b301); }
  @keyframes ks-flash { 0%, 100% { background: transparent; } 30% { background: color-mix(in srgb, var(--prem, #f5b301) 22%, transparent); } }
  .ks-lock.ks-flash { animation: ks-flash 1.2s ease; border-radius: 8px; }
  @media (prefers-reduced-motion: reduce) { .ks-lock.ks-flash { animation: none; } }
  #ksmsg.ok { color: var(--ok, #1a7f4b); } #ksmsg.error { color: var(--error, #d92d20); }