.kl-legend{opacity:.85;margin:0 0 8px;line-height:2}
.kl-group{margin-top:24px;padding:22px 24px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.02)}
.kl-group h2{margin:0 0 6px}
.kl-intro{opacity:.75;margin:0 0 12px}
.kl-item{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid rgba(255,255,255,.06);cursor:pointer}
.kl-item input{margin-top:3px;width:18px;height:18px;accent-color:#f97316;flex:none;cursor:pointer}
.kl-tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;flex:none;margin-top:2px;letter-spacing:.02em}
.kl-E{background:rgba(248,113,113,.15);color:#f87171}
.kl-O{background:rgba(251,146,60,.15);color:#fb923c}
.kl-I{background:rgba(74,222,128,.12);color:#4ade80}
.kl-item.done .kl-text{opacity:.45;text-decoration:line-through}
.kl-text code,.kl-how code{font-size:.9em;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.07)}
.kl-how{margin:14px 0 0;font-size:.93em;opacity:.85}
.kl-result{position:sticky;bottom:12px;z-index:5;margin-top:28px;padding:16px 20px;border-radius:16px;background:rgba(10,10,10,.94);border:1px solid rgba(249,115,22,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.kl-bar{height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;flex:1 1 100%}
.kl-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f97316,#fb923c);transition:width .2s}
.kl-msg{font-weight:600;flex:1 1 320px}
.kl-btns{display:flex;gap:8px;flex-wrap:wrap}