page {
  height: 100vh;
  overflow: hidden;
  background: #f6f9f6;
  color: #173e36;
  font-family: ui-rounded, "Hiragino Maru Gothic ProN", "PingFang SC", sans-serif;
  font-size: 28rpx;
  line-height: 1.5;
}
::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}
view,
text,
button,
input,
textarea,
picker {
  box-sizing: border-box;
}
button {
  border: 0;
}
button::after {
  border: 0;
}
.screen {
  min-height: 100%;
  padding: 16rpx 32rpx calc(170rpx + env(safe-area-inset-bottom));
}
.eyebrow {
  color: #8fa39b;
  font-size: 22rpx;
  font-weight: 600;
  letter-spacing: 2rpx;
}
.section-title {
  font-size: 34rpx;
  font-weight: 600;
  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: 600;
  padding: 22rpx 30rpx;
  line-height: 1.3;
}
.secondary {
  background: #e7f0e7;
  color: #28674e;
  border-radius: 23rpx;
  font-size: 27rpx;
  font-weight: 600;
  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 {
  width: 100%;
  background: #fff;
  border-radius: 20rpx;
  padding: 22rpx;
  font-size: 28rpx;
  min-height: 76rpx;
}
.field picker {
  display: block;
  width: 100%;
}
.field textarea {
  height: 170rpx;
}