.kl{--kl-bg:#08080c;--kl-panel:#101018;--kl-panel2:#15152000;--kl-line:#1f1f2c;--kl-text:#f2f1f7;--kl-muted:#9a97ad;--kl-faint:#6d6a82;--kl-accent:#8b7cff;--kl-accent2:#a89bff;--kl-good:#3ddc97;--kl-warn:#ffb84d;--kl-bad:#ff6b6b;background:var(--kl-bg);color:var(--kl-text);min-height:100vh;font-family:var(--font-manrope), "Manrope", "Segoe UI", system-ui, sans-serif;-webkit-font-smoothing:antialiased}.kl a{color:var(--kl-accent);text-decoration:none}.kl a:hover{color:var(--kl-accent2)}.kl-wrap{max-width:560px;margin:0 auto;padding:22px 18px 48px}.kl-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.kl-brand{font-family:var(--font-unbounded), "Unbounded", sans-serif;letter-spacing:.18em;font-size:12px;font-weight:700}.kl-chip{letter-spacing:.14em;color:var(--kl-accent2);background:#8b7cff24;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.kl-chip.live{color:var(--kl-good);background:#3ddc9724}.kl-kicker{letter-spacing:.16em;color:var(--kl-faint);text-transform:uppercase;font-size:11px;font-weight:800}.kl-h1{font-family:var(--font-unbounded), "Unbounded", sans-serif;letter-spacing:-.01em;text-wrap:balance;margin:8px 0 10px;font-size:30px;font-weight:700;line-height:1.08}.kl-sub{color:var(--kl-muted);max-width:46ch;margin:0 0 22px;font-size:15px;line-height:1.5}.kl-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.kl-fine{color:var(--kl-faint);font-size:12px;line-height:1.55}.kl-note{border:1px solid var(--kl-line);color:var(--kl-muted);background:var(--kl-panel);border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.55}.kl-note b{color:var(--kl-text)}.kl-btn{border:1px solid var(--kl-line);background:var(--kl-panel);min-height:46px;color:var(--kl-text);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.kl-btn:hover{border-color:#33334a}.kl-btn:disabled{opacity:.5;cursor:default}.kl a.kl-btn{color:var(--kl-text)!important}.kl a.kl-btn-solid,.kl .kl-btn-solid{color:#0b0818!important}.kl-btn-solid{background:var(--kl-accent);border-color:var(--kl-accent);color:#0b0818}.kl-btn-solid:hover{background:var(--kl-accent2)}.kl-btn-wide{width:100%;min-height:54px;font-size:16px}.kl-btn:focus-visible,.kl-song:focus-visible,.kl-mode:focus-visible{outline:2px solid var(--kl-accent2);outline-offset:2px}.kl-list{flex-direction:column;gap:10px;margin:14px 0 18px;display:flex}.kl-song{border:1px solid var(--kl-line);background:var(--kl-panel);color:var(--kl-text);border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.kl-song:hover{color:var(--kl-text);border-color:#33334a}.kl-cover{object-fit:cover;background:#1a1a26;border-radius:10px;flex:none;width:54px;height:54px}.kl-song-main{flex:1;min-width:0}.kl-song-title{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.kl-song-meta{color:var(--kl-muted);margin-top:2px;font-size:12.5px}.kl-badge{letter-spacing:.12em;color:var(--kl-good);background:#3ddc9724;border-radius:6px;padding:3px 6px;font-size:9.5px;font-weight:800}.kl-sings{font-variant-numeric:tabular-nums;color:var(--kl-faint);white-space:nowrap;font-size:12px}.kl-title{margin:6px 0 14px}.kl-title b{font-family:var(--font-unbounded), "Unbounded", sans-serif;font-size:22px;font-weight:700;display:block}.kl-title span{color:var(--kl-muted);letter-spacing:.08em;font-size:13px;font-weight:700}.kl-clock{font-variant-numeric:tabular-nums;color:var(--kl-muted);font-size:13px;font-weight:700}.kl-progress{background:var(--kl-line);border-radius:2px;height:4px;margin-bottom:18px;overflow:hidden}.kl-progress i{background:var(--kl-accent);width:0;height:100%;display:block}.kl-lyrics{flex-direction:column;justify-content:center;gap:10px;min-height:190px;padding:8px 0;display:flex}.kl-line{color:var(--kl-faint);font-size:17px;font-weight:600;line-height:1.35;transition:color .2s,transform .2s}.kl-line.prev{opacity:.55}.kl-line.now{color:var(--kl-text);font-size:24px;font-weight:800;position:relative}.kl-line.now i{background:var(--kl-accent);border-radius:2px;height:3px;position:absolute;bottom:-6px;left:0}.kl-big .kl-line{font-size:21px}.kl-big .kl-line.now{font-size:30px}.kl-section{letter-spacing:.16em;color:var(--kl-accent2);text-transform:uppercase;font-size:10.5px;font-weight:800}.kl-meter{align-items:flex-end;gap:3px;height:34px;margin:14px 0 6px;display:flex}.kl-meter i{background:var(--kl-line);border-radius:2px;flex:1;min-height:4px}.kl-meter i.on{background:var(--kl-good)}.kl-meter i.off{background:var(--kl-warn)}.kl-feedback{color:var(--kl-muted);min-height:18px;font-size:13px;font-weight:700}.kl-feedback.good{color:var(--kl-good)}.kl-feedback.warn{color:var(--kl-warn)}.kl-modes{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.kl-mode{border:1px solid var(--kl-line);background:var(--kl-panel);color:var(--kl-text);font:inherit;cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;font-size:14px;font-weight:800;display:flex}.kl-mode span{color:var(--kl-faint);font-size:11.5px;font-weight:600}.kl-mode.on{border-color:var(--kl-accent);background:#8b7cff1f}.kl-modenote{color:var(--kl-muted);min-height:16px;margin-top:8px;font-size:12.5px}.kl-transport{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.kl-round{border:1px solid var(--kl-line);background:var(--kl-panel);width:52px;height:52px;color:var(--kl-text);font:inherit;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.kl-stop{background:var(--kl-accent);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:inline-flex;box-shadow:0 0 0 10px #8b7cff24}.kl-stop i{background:#0b0818;border-radius:6px;width:30px;height:30px;display:block}.kl-stop.rec{background:var(--kl-bad);box-shadow:0 0 0 10px #ff6b6b29}.kl-stop:disabled{opacity:.6;cursor:default}.kl-card{border:1px solid var(--kl-line);background:var(--kl-panel);border-radius:16px;margin:14px 0;padding:16px}.kl-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.kl-stat{border:1px solid var(--kl-line);text-align:center;border-radius:12px;padding:12px 10px}.kl-stat b{font-family:var(--font-unbounded), "Unbounded", sans-serif;font-variant-numeric:tabular-nums;font-size:20px;display:block}.kl-stat span{letter-spacing:.1em;color:var(--kl-faint);text-transform:uppercase;margin-top:4px;font-size:10.5px;font-weight:800;display:block}.kl-choices{flex-direction:column;gap:8px;display:flex}.kl-choice{text-align:left;border:1px solid var(--kl-line);background:var(--kl-panel);width:100%;color:var(--kl-text);font:inherit;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.kl-choice.on{border-color:var(--kl-accent);background:#8b7cff1f}.kl-choice b{font-size:15px;display:block}.kl-choice span{color:var(--kl-faint);margin-top:2px;font-size:12px;display:block}.kl-input{box-sizing:border-box;border:1px solid var(--kl-line);width:100%;min-height:44px;color:var(--kl-text);font:inherit;background:#0d0d14;border-radius:12px;padding:0 12px}.kl-wave{align-items:center;gap:2px;height:44px;display:flex}.kl-wave i{background:var(--kl-line);border-radius:2px;flex:1}.kl-wave i.lit{background:var(--kl-accent)}.kl-take{border:1px solid var(--kl-line);background:var(--kl-panel);border-radius:16px;margin-bottom:10px;padding:14px}.kl-take.lead{border-color:#8b7cff99}.kl-bar{background:var(--kl-line);border-radius:4px;flex:1;height:8px;overflow:hidden}.kl-bar i{background:var(--kl-accent);height:100%;display:block}.kl-pct{font-variant-numeric:tabular-nums;color:var(--kl-muted);white-space:nowrap;font-size:12px}.kl-play{border:1px solid var(--kl-line);width:44px;height:44px;color:var(--kl-text);cursor:pointer;background:#0d0d14;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.kl-play.on{background:var(--kl-accent);color:#0b0818;border-color:var(--kl-accent)}.kl-vote{border:1px solid var(--kl-accent);min-height:40px;color:var(--kl-accent2);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:0 14px;font-weight:800}.kl-vote.on{background:var(--kl-accent);color:#0b0818}.kl-empty{color:var(--kl-muted);text-align:center;padding:30px 10px}.kl-err{color:var(--kl-bad);margin-top:10px;font-size:13px}@media (prefers-reduced-motion:reduce){.kl-line{transition:none}}