.karaoke-shell{display:grid;gap:10px}
/* Usa la barra de controles estándar de AmeriPronun; se fuerza fila porque .lesson-card global usa columna. */
#learningContent .karaoke-toolbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:8px 0 10px!important;padding:0!important;overflow:visible!important}
#learningContent .karaoke-toolbar>*{flex:0 0 auto!important;margin:0!important}
#learningContent .karaoke-toolbar button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;line-height:1!important}
#learningContent .karaoke-stage{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--soft),var(--card));padding:18px;min-height:300px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}
.karaoke-prev,.karaoke-next{font-size:14px;color:var(--muted);min-height:24px}.karaoke-main{font-size:clamp(26px,4.7vw,50px);line-height:1.13;font-weight:950;letter-spacing:-.02em;max-width:980px;margin:10px auto}.karaoke-translation{font-size:clamp(16px,2.6vw,26px);line-height:1.28;font-weight:800;color:var(--muted);max-width:900px;min-height:34px}
.karaoke-word{display:inline-block;padding:2px 3px;margin:1px;border-radius:8px;cursor:pointer;transition:transform .10s ease,color .10s ease,text-shadow .10s ease}.karaoke-word:hover{outline:2px solid color-mix(in srgb,var(--primary) 35%,transparent)}
/* Seguimiento estandarizado: todas las palabras conservan el color normal del texto.
   Solo la palabra que está sonando usa el color elegido por el usuario. */
.karaoke-word{color:var(--text)}
.karaoke-word.active-word{transform:scale(1.11);color:var(--karaoke-highlight,var(--text));font-weight:1000;text-shadow:none}
.karaoke-word:focus{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}
.karaoke-status{min-height:0;text-align:center;color:var(--muted);font-size:12px;line-height:1.35}.karaoke-status:empty{display:none}.karaoke-status.error{color:#b42318;font-weight:800}.karaoke-status.ok{color:#176b3a;font-weight:800}body.dark .karaoke-status.error{color:#ff9b91}body.dark .karaoke-status.ok{color:#8ee0ad}
.karaoke-library-menu{position:fixed;z-index:2147482400;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 42px #0005;padding:8px;max-height:min(430px,65vh);overflow:auto}.karaoke-library-head{font-size:12px;font-weight:900;color:var(--muted);padding:6px 8px 8px}.karaoke-library-item{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);border-radius:10px;padding:8px 9px;cursor:pointer}.karaoke-library-item:hover,.karaoke-library-item.active{background:color-mix(in srgb,var(--primary) 10%,var(--card));border-color:color-mix(in srgb,var(--primary) 24%,var(--line))}.karaoke-library-item>span:last-child{display:flex;flex-direction:column;min-width:0}.karaoke-library-item b{font-size:12px}.karaoke-library-item small{font-size:10px;color:var(--muted)}
@media(max-width:700px){#learningContent .karaoke-stage{padding:14px;min-height:260px}.karaoke-main{font-size:clamp(24px,8vw,40px)}#learningContent .karaoke-toolbar{gap:6px!important;overflow:visible!important;justify-content:center!important}#learningContent .karaoke-toolbar button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}}

.karaoke-pending .karaoke-main{font-size:clamp(24px,4.8vw,48px)}.karaoke-pending .karaoke-translation{max-width:720px}

#learningContent .karaoke-song-counter{width:auto!important;min-width:46px!important;padding:0 7px!important;font-size:12px!important;font-weight:950!important}

.karaoke-search-wrap{display:flex;justify-content:center;margin:-2px 0 4px}.karaoke-search-wrap[hidden]{display:none!important}.karaoke-search-wrap input{width:min(520px,100%);border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--text);padding:9px 14px;font:700 14px/1.2 Arial,Helvetica,sans-serif}.karaoke-translation[hidden]{display:none!important}
#learningContent #karaokeMicBtn[aria-pressed="true"]{transform:scale(1.06);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}
#learningContent .karaoke-status{white-space:pre-line}