page {
  background: #f6f9f6;
  color: #173e36;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
  font-size: 28rpx;
}
view,
text,
button,
input,
textarea {
  box-sizing: border-box;
}
button {
  border: 0;
}
button::after {
  border: 0;
}
.screen {
  min-height: 100vh;
  padding: calc(env(safe-area-inset-top) + 36rpx) 32rpx 170rpx;
}
.eyebrow {
  color: #8fa39b;
  font-size: 22rpx;
  font-weight: 600;
  letter-spacing: 2rpx;
}
.title {
  font-size: 48rpx;
  font-weight: 800;
  line-height: 1.2;
  margin: 12rpx 0 26rpx;
}
.section-title {
  font-size: 34rpx;
  font-weight: 800;
  margin: 38rpx 0 20rpx;
}
.muted {
  color: #8b9f96;
}
.card {
  background: #fff;
  border-radius: 34rpx;
  box-shadow: 0 15rpx 45rpx rgba(30, 70, 55, 0.05);
  padding: 28rpx;
  margin-bottom: 20rpx;
}
.primary {
  background: #194f42;
  color: white;
  border-radius: 23rpx;
  font-size: 28rpx;
  font-weight: 700;
  padding: 22rpx 30rpx;
  line-height: 1.3;
}
.secondary {
  background: #e7f0e7;
  color: #28674e;
  border-radius: 23rpx;
  font-size: 27rpx;
  font-weight: 700;
  padding: 20rpx;
}
.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pill {
  display: inline-flex;
  align-items: center;
  border-radius: 99rpx;
  background: #e9f3e8;
  color: #36805c;
  padding: 8rpx 18rpx;
  font-size: 23rpx;
}
.empty {
  text-align: center;
  color: #9daf9f;
  padding: 64rpx 24rpx;
}
.field {
  margin: 22rpx 0;
}
.field-label {
  font-size: 24rpx;
  color: #718b7e;
  margin-bottom: 12rpx;
}
.field input,
.field textarea,
.field picker {
  width: 100%;
  background: #fff;
  border-radius: 20rpx;
  padding: 22rpx;
  font-size: 28rpx;
  min-height: 76rpx;
}
.field textarea {
  height: 170rpx;
}