/* Karaoke Trở Về — màu theo rebellion-v3.css */
html.kara-open,html.kara-open body{overflow:hidden;height:100%;overscroll-behavior:none}
.kara{position:fixed;inset:0;z-index:50;height:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg,#0c0f14);color:var(--text,#eef2f7)}
.kara[hidden]{display:none}
.kara .ktop{flex:none;position:relative;z-index:2;background:var(--bg,#0c0f14);border-bottom:1px solid var(--line,#2a3344);padding:8px 12px}
.kara .khd{display:flex;align-items:center;gap:8px}
.kara .kback{min-width:44px;min-height:44px;border:1px solid var(--line,#2a3344);border-radius:12px;background:var(--card,#151a22);color:var(--text,#eef2f7);font-size:20px;cursor:pointer}
.kara h1{font-size:17px;margin:0;line-height:1.2}.kara .sub{color:var(--muted,#8b97ab);font-size:12px}
.kara .kctl{display:flex;align-items:center;gap:8px;margin-top:8px}
.kara .kb{flex:0 0 auto;min-width:44px;min-height:44px;border-radius:50%;border:1px solid var(--line,#2a3344);background:var(--card,#151a22);color:var(--text,#eef2f7);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1px;padding:0 6px}
.kara .kplay{min-width:52px;min-height:52px;background:var(--wood,#d9a066);color:#0c0f14;border-color:var(--wood,#d9a066);font-size:20px}
.kara .kseek{flex:1;min-width:0;accent-color:var(--wood,#d9a066)}
.kara .ktime{font-size:11px;color:var(--muted,#8b97ab);min-width:30px;text-align:right;font-variant-numeric:tabular-nums}
.kara .off{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted,#8b97ab);margin-top:4px}.kara .off input{flex:1}
.kara .adv{font-size:12px;color:var(--muted,#8b97ab);margin-top:4px}.kara .adv summary{cursor:pointer}
.kara .tg{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted,#8b97ab);margin-top:4px}
.kara .kerr{color:var(--red,#fb7185);font-size:13px;margin:8px 0}
.kara main{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;max-width:600px;margin:0 auto;padding:4px 16px 0}
.kara main>.sec:first-child,.kara main>.kerr:first-child{margin-top:6px}
.kara .sec{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--wood,#d9a066);text-transform:uppercase;margin:18px 0 4px}
.kara .ln{padding:6px 8px;border-radius:10px;cursor:pointer;font-size:22px;font-weight:600;overflow-wrap:anywhere}
.kara .w{position:relative;display:inline-block;margin-right:.28em;--p:0%;background:linear-gradient(90deg,var(--wood,#d9a066) 0 var(--p),#5d6674 var(--p) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kara .ln.done .w{background:none;color:#6b5a44}.kara .ln.later .w{background:none;color:#3a414d}.kara .ln.next .w{background:none;color:#5d6674}
.kara .w i{display:none;position:absolute;left:0;top:0;line-height:1;font-style:normal;font-size:13px;font-weight:800;color:var(--cyan,#38bdf8);-webkit-text-fill-color:var(--cyan,#38bdf8)}
.kara.chords .w i{display:block}.kara.chords .ln{line-height:1.35}.kara.chords .w{padding-top:15px}
.kara .inst{display:flex;flex-wrap:wrap;gap:6px 0;font-size:16px}
.kara .inst .c{cursor:pointer;flex:0 0 auto;padding:2px 8px;border:1px solid var(--line,#2a3344);border-radius:8px;color:#5d6674;font-weight:700}
.kara .inst .c.on{background:var(--wood,#d9a066);color:#0c0f14;border-color:var(--wood,#d9a066)}
.kara .inst .c.past,.kara .ln.done .c{color:#6b5a44;border-color:#3a3226}
.kara .inst .note{display:none;color:var(--muted,#8b97ab);font-size:18px}
.kara:not(.chords) .inst.ins .c{display:none}.kara:not(.chords) .inst.ins .note{display:block}
.kara .inst.nt .note{display:block;width:100%;font-size:14px}
@media (prefers-reduced-motion:reduce){.kara .ln{transition:none}}
.kara .inst.nt .note{color:var(--muted,#8b97ab)}
.kara .ln.inst.nt.on{background:rgba(217,160,102,.10);box-shadow:inset 3px 0 0 var(--wood,#d9a066)}