:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{padding:24px}.objetivo{opacity:.7;margin:-8px 0 16px}.carriles{gap:10px;margin-bottom:16px;display:flex}.carriles button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 16px}.carriles button[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.selector{align-items:center;gap:10px;margin-bottom:20px;display:flex}.selector select{min-height:44px;color:inherit;font:inherit;background:0 0;border:2px solid;border-radius:8px;padding:0 10px}.reparacion{border:2px solid;border-radius:8px;margin:0 0 24px;padding:12px 16px}.reparacion p{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;display:flex}.reparacion p:last-child{margin-bottom:0}.reparacion button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 14px}.reparacion button[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.reparacion kbd{font:inherit;opacity:.7;border:1px solid;border-radius:4px;padding:1px 5px;font-size:.8em}.reparacion .ayuda{opacity:.7}.reparacion .seguidas{font-weight:600}.partitura .compas[data-aislado=false]{opacity:.35}.transport{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.tempo-control{align-items:center;gap:4px;display:flex}.tempo-control button,.transport .pasada{background:color-mix(in srgb, currentColor 10%, transparent);min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;border:0;border-radius:50%;font-size:20px;line-height:1}.transport .pasada{background:color-mix(in srgb, currentColor 22%, transparent)}.tempo-control button:disabled{opacity:.3;cursor:default}.metronome{align-items:center;gap:12px;display:flex}.exercise-toggle{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 14px}.exercise-toggle[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.metronome button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 14px}.metronome button[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.bpm{font-variant-numeric:tabular-nums;min-width:90px}.beat-indicator{gap:8px;display:flex}.beat-dot{border:2px solid;border-radius:50%;width:14px;height:14px}.beat-dot[data-active=true]{background:currentColor}.partitura{flex-direction:column;gap:4px;max-width:720px;margin-bottom:28px;display:flex}.compas{width:100%;display:block}.kit-prueba{margin-bottom:24px}.kit-prueba summary{cursor:pointer;opacity:.75;padding:8px 0}.kit{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;max-width:640px;display:grid}.pad{aspect-ratio:1;color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:2px solid;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.pad:active{background:color-mix(in srgb, currentColor 20%, transparent)}.pad-key{opacity:.7;border:1px solid;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:400}.banco .caso{border-top:1px solid color-mix(in srgb, currentColor 25%, transparent);margin:0 0 40px;padding-top:16px}.banco .caso h2{margin:0 0 4px;font-size:1.1rem}.banco .nota{opacity:.7;margin:0 0 8px}.banco .conocido,.banco .diferencias{background:color-mix(in srgb, currentColor 8%, transparent);border-left:3px solid;margin:0 0 8px;padding:8px 12px}.banco .diferencias{list-style:none}.banco [data-resultado=falla] .marca{font-weight:700}.banco .validado{margin:0 0 8px;font-weight:600}.banco .sonido{font-variant-numeric:tabular-nums;opacity:.8;margin:0 0 8px}.banco [data-sonido=falla] .sonido{opacity:1;font-weight:700}.banco .tempo{z-index:1;font-variant-numeric:tabular-nums;background:canvas;align-items:center;gap:10px;padding:10px 0;display:flex;position:sticky;top:0}.banco .tempo button,.banco .escuchar{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 14px}.banco .escuchar[aria-pressed=true]{background:color-mix(in srgb, currentColor 20%, transparent)}.entrada,.concepto{flex-direction:column;gap:16px;max-width:480px;display:flex}.entrada-acciones{flex-direction:column;gap:10px;display:flex}.entrada-pie,.concepto p{opacity:.7}.entrada button,.concepto button{min-height:48px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 16px}.entrada button.primaria,.concepto button.primaria{color:canvas;background:canvastext;border-color:canvastext;font-weight:600}.entrada button.secundaria{text-underline-offset:4px;border-color:#0000;min-height:44px;text-decoration:underline}.entrada-logo{max-width:200px;height:56px}.entrada-logo .logo{width:200px;height:56px;display:block}.entrada-compas{align-items:center;gap:14px;height:24px;display:flex}.entrada-compas .pulso{opacity:.25;background:currentColor;border-radius:50%;width:8px;height:8px}.entrada-compas .acento{width:12px;height:12px}@media (prefers-reduced-motion:no-preference){.entrada-compas .pulso{animation:4s linear infinite latido}.entrada-compas .pulso:nth-child(2){animation-delay:1s}.entrada-compas .pulso:nth-child(3){animation-delay:2s}.entrada-compas .pulso:nth-child(4){animation-delay:3s}}@keyframes latido{0%,25%{opacity:.85}26%,to{opacity:.25}}.concepto ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.sesion{max-width:640px}.sesion-nota{opacity:.7}.sesion-acciones{flex-direction:column;gap:10px;max-width:480px;margin:16px 0 24px;display:flex}.sesion-acciones button{min-height:48px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:0 16px}.sesion-acciones button.primaria{color:canvas;background:canvastext;border-color:canvastext;font-weight:600}.sesion-acciones button:not(.primaria){text-underline-offset:4px;border-color:#0000;text-decoration:underline}.sesion-bpm{font-variant-numeric:tabular-nums}.reparar .compas{max-width:480px}.reparar-meta{align-items:center;gap:10px;margin:4px 0 16px;display:flex}.reparar-puntos{gap:8px;display:flex}.reparar-punto{border:2px solid;border-radius:5px;width:26px;height:10px;display:block}.reparar-punto[data-hecho=true]{background:currentColor}.compas-elegible{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.feedback-enlace,.entrada .feedback-enlace{min-height:44px;color:inherit;font:inherit;opacity:.7;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.feedback{flex-direction:column;gap:12px;max-width:480px;display:flex}.feedback textarea{box-sizing:border-box;width:100%;color:inherit;font:inherit;resize:vertical;background:0 0;border:2px solid;border-radius:8px;padding:12px}.feedback-campo{font-weight:600}.feedback-curva{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.feedback-curva input{accent-color:currentColor;width:20px;height:20px}.feedback .sesion-acciones a{color:canvas;background:canvastext;border:2px solid canvastext;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 16px;font-weight:600;text-decoration:none;display:flex}.feedback .sesion-acciones a[aria-disabled=true]{opacity:.4;pointer-events:none}