:root{--fondo:#faf7f2;--superficie:#fff;--texto:#1d1a17;--suave:#6b635a;--borde:#ded6ca;--acento:#b3541e;--sobre-acento:#fff;--error:#b3261e;--aviso:#8a5a00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fondo:#14110f;--superficie:#1f1b18;--texto:#f1ebe3;--suave:#a99f93;--borde:#36302a;--acento:#e8894d;--sobre-acento:#14110f;--error:#ff8a80;--aviso:#f0c060}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:560px;padding:16px 16px calc(88px + env(safe-area-inset-bottom));margin:0 auto}h1,h2,h3{margin:0 0 8px;line-height:1.25}h2{font-size:1.35rem}h3{font-size:1.05rem}.pantalla{flex-direction:column;gap:12px;display:flex}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.panel p{margin:0}.grande{font-size:1.4rem;font-weight:700}.nota{color:var(--suave);font-size:.9rem}.aviso{color:var(--aviso)}.error{color:var(--error);margin:0}.etiqueta{color:var(--acento);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.8rem;font-weight:600}button,.boton,select{font:inherit;border:1px solid var(--borde);background:var(--superficie);min-height:48px;color:var(--texto);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}button.primario{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento);font-weight:600}button.texto{min-height:44px;color:var(--acento);background:0 0;border:none;padding:0 8px}:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.botones{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.botones>*{flex:140px}.check{align-items:center;gap:12px;min-height:44px;display:flex}.check input{width:22px;height:22px}.oculto-visual{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.oculto-visual:focus-visible+*{outline:3px solid var(--acento)}.fila{flex-direction:column;gap:4px;display:flex}input[type=range]{width:100%;min-height:44px}.navegacion{background:var(--superficie);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;inset:auto 0 0}.navegacion button{background:0 0;border:none;border-radius:0;flex:1;min-height:56px}.navegacion button[aria-current=page]{color:var(--acento);font-weight:700}.barra-sesion{align-items:center;gap:12px;display:flex}.barra-sesion progress{height:10px;accent-color:var(--acento);flex:1}article{flex-direction:column;gap:8px;display:flex}details{border:1px solid var(--borde);border-radius:10px;padding:4px 12px}details summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.pulsos{gap:10px;min-height:24px;display:flex}.pulso{border:2px solid var(--acento);border-radius:50%;width:20px;height:20px}.pulso.activo{background:var(--acento)}.cuerdas{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.cuerda{flex-direction:column;align-items:flex-start;gap:0;padding:8px 12px}.cuerda span{color:var(--suave);font-size:.8rem}.cuerda.activa{border-color:var(--acento);background:var(--acento);color:var(--sobre-acento)}.cuerda.activa span{color:inherit}.acordes{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.diagrama{text-align:center;margin:0}.diagrama svg{width:100%;height:auto;max-height:160px}.diagrama figcaption{font-weight:600}.diagrama-ancho figcaption{color:var(--suave);font-size:.85rem;font-weight:400}.svg-linea{stroke:var(--suave);stroke-width:1px}.svg-cejuela{stroke:var(--texto);stroke-width:3px}.svg-dedo{fill:var(--acento)}.svg-aire{fill:none;stroke:var(--texto);stroke-width:1.5px}.svg-marca,.svg-texto{fill:var(--texto);font-size:11px}.svg-punto{fill:var(--suave)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}