.melodic-route-card {
  border-color: #2c6d4c;
  background: radial-gradient(circle at 95% 0, rgba(57, 233, 142, .12), transparent 38%), #07150e;
}

.melodic-level-heading{grid-column:1/-1;margin:22px 0 2px;padding:18px 20px;border:1px solid #2c6d4c;border-radius:15px;background:linear-gradient(120deg,#092116,#0b1510);color:#ecfff3}.melodic-level-heading span{color:#78f6b2;font-size:.75rem;font-weight:900;letter-spacing:.12em}.melodic-level-heading h2{margin:6px 0;font-size:1.28rem}.melodic-level-heading p{max-width:680px;margin:0;color:#b9d8c8;line-height:1.45}

.studies-view .melodic-level-heading{display:none}.melodic-trail{margin-top:22px}.melodic-trail-progress{display:flex;align-items:baseline;gap:9px;margin:-10px 0 18px}.melodic-trail-progress strong{color:#7cf5b5;font-size:1.35rem}.melodic-trail-progress span{color:#b9d8c8;font-size:.9rem}

#melodicTrailsMount{display:grid;gap:26px;margin-top:26px}#melodicTrailsMount .melodic-trail{margin:0;border-width:2px}#melodicTrailsMount .melodic-trail:nth-child(1){border-color:#37c982}#melodicTrailsMount .melodic-trail:nth-child(2){border-color:#31a8d6}#melodicTrailsMount .melodic-trail:nth-child(3){border-color:#9b78e8}#melodicTrailsMount .melodic-trail h2{font-size:0}#melodicTrailsMount .melodic-trail h2::after{font-size:clamp(1.8rem,4vw,3rem)}#melodicTrailsMount .melodic-trail:nth-child(1) h2::after{content:'Padrões Melódicos I'}#melodicTrailsMount .melodic-trail:nth-child(2) h2::after{content:'Padrões Melódicos II'}#melodicTrailsMount .melodic-trail:nth-child(3) h2::after{content:'Padrões Melódicos III'}

.melodic-route-card.route-focus {
  border-color: #63f3ab;
  box-shadow: 0 0 0 3px rgba(70, 239, 153, .18), 0 18px 45px #0007;
}

.study-audio-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 14px;
}

.study-audio-actions button {
  margin: 0;
  border: 1px solid #347454;
  border-radius: 9px;
  background: #0a2117;
  color: #8ff8bd;
}

.study-complete {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  color: #b9d8c8;
  font-size: .85rem;
  font-weight: 800;
}

.study-complete input {
  width: 18px;
  height: 18px;
  accent-color: #35df87;
}