* { box-sizing: border-box; }
body { min-height: 100vh; }

.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

.app-section { display: none; }
.app-section.is-active { display: block; }

.task-desc { min-height: 2.5rem; white-space: pre-wrap; }

.btn-pink {
  background: #f8d7e8;
  border-color: #e8a6c8;
  color: #6b2146;
}

.btn-pink:hover,
.btn-pink:focus {
  background: #f3c1dc;
  border-color: #de8fba;
  color: #571a39;
}