.love-diagnosis-tabs {
  grid-template-rows: repeat(2, 31px) !important;
}

.love-diagnosis-tabs__item:nth-child(6) {
  grid-column: 3 !important;
  grid-row: 2 !important;
}

.love-fortune-wrap[hidden],
.love-fortune-card[hidden],
[data-love-fortune-daily][hidden],
[data-love-fortune-weekly][hidden],
[data-love-fortune-monthly][hidden] {
  display: none !important;
}

.love-fortune-wrap {
  display: grid;
  gap: 14px;
}

.love-fortune-panel,
.love-fortune-card {
  display: grid;
  gap: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #2d2228;
  box-shadow: none;
}

.love-fortune-head {
  display: grid;
  gap: 7px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .84);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .91), rgba(255, 250, 252, .88));
  box-shadow: 0 14px 32px rgba(48, 34, 42, .18);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}

.love-fortune-head h3,
.love-fortune-card h3 {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "YuMincho", serif;
  font-size: 22px;
  line-height: 1.35;
  color: #35282d;
  font-weight: 900;
}

.love-fortune-head p:not(.love-diagnosis__eyebrow),
.love-fortune-card p {
  color: rgba(53, 40, 45, .84);
  font-size: 12px;
  line-height: 1.85;
  font-weight: 600;
}

.love-fortune-switch {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .84);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .90), rgba(255, 250, 252, .86));
  box-shadow: 0 14px 32px rgba(48, 34, 42, .16);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}

.love-fortune-switch button {
  min-height: 36px;
  border-radius: 11px;
  color: rgba(53, 40, 45, .78);
  font-size: 12px;
  font-weight: 900;
}

.love-fortune-switch button.is-active {
  background: #fff;
  color: #b64f79;
  box-shadow: 0 10px 24px rgba(137, 79, 103, .14);
}

.love-fortune-hero {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 14px;
  align-items: center;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .84);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .91), rgba(255, 250, 252, .88));
  box-shadow: 0 14px 32px rgba(48, 34, 42, .18);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}

.love-fortune-hero img {
  width: 110px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 16px;
  background: #ffedf5;
  box-shadow: 0 14px 28px rgba(122, 74, 91, .16);
}

.love-fortune-hero strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin-top: 8px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f472b6, #e23d75);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.love-fortune-card section {
  display: grid;
  gap: 7px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .84);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .91), rgba(255, 250, 252, .88));
  box-shadow: 0 14px 32px rgba(48, 34, 42, .18);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}

.love-fortune-card h4 {
  font-size: 12px;
  color: #35282d;
  font-weight: 900;
}

.love-fortune-mission {
  border-color: rgba(255, 255, 255, .84) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 246, 250, .88)) !important;
}

.love-fortune-keyperson {
  border-color: rgba(255, 255, 255, .84) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 249, 244, .88)) !important;
}

.love-fortune-keyperson__body {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 14px;
  align-items: center;
}

.love-fortune-keyperson__body img {
  width: 110px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 16px;
  background: #ffedf5;
  box-shadow: 0 14px 28px rgba(122, 74, 91, .16);
}

.love-fortune-keyperson h4 {
  font-size: 16px;
  line-height: 1.45;
}

.love-fortune-keyperson .button {
  margin-top: 4px;
}

.love-fortune-save {
  border-style: dashed !important;
}

.love-fortune-details {
  display: grid;
  gap: 14px;
}

.love-fortune-detail-list {
  display: grid;
  gap: 12px;
}

.love-fortune-detail-actions {
  display: grid;
}

.love-fortune-detail-list[hidden] {
  display: none !important;
}

.love-fortune-detail-card {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .84);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .91), rgba(255, 250, 252, .88));
  box-shadow: 0 14px 32px rgba(48, 34, 42, .18);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}

.love-fortune-detail-card__summary {
  display: grid;
  gap: 7px;
  padding: 13px;
}

.love-fortune-detail-card__summary h4 {
  color: #35282d;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.45;
}

.love-fortune-detail-card__summary p:not(.love-diagnosis__eyebrow),
.love-fortune-detail-card__body p {
  color: rgba(53, 40, 45, .84);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.85;
}

.love-fortune-detail-card__body {
  display: grid;
  gap: 9px;
  padding: 0 13px 13px;
}

.love-fortune-detail-item {
  display: grid;
  gap: 5px;
  padding: 11px;
  border: 1px solid rgba(229, 206, 216, .62);
  border-radius: 12px;
  background: rgba(255, 255, 255, .58);
  box-shadow: inset 0 1px rgba(255, 255, 255, .76);
}

.love-fortune-detail-item h5 {
  color: #35282d;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.45;
}

.love-fortune-detail-card .button,
.love-fortune-detail-actions .button,
.love-fortune-detail-list > .button {
  min-height: 42px;
  border-radius: 14px;
}

.love-fortune-gate {
  text-align: center;
}

@media (max-width: 420px) {
  .love-fortune-hero {
    grid-template-columns: 88px 1fr;
  }

  .love-fortune-hero img {
    width: 88px;
  }

  .love-fortune-keyperson__body {
    grid-template-columns: 88px 1fr;
    gap: 10px;
  }

  .love-fortune-keyperson__body img {
    width: 88px;
  }

  .love-fortune-keyperson h4 {
    font-size: 15px;
  }

  .love-fortune-panel,
  .love-fortune-card {
    padding: 0;
  }
}
