.view-choice-backdrop {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(3, 5, 8, .82);
  backdrop-filter: blur(18px);
}

.view-choice-backdrop[hidden] { display: none; }

.view-choice {
  width: min(100%, 520px);
  padding: 30px;
  border: 1px solid rgba(241, 238, 231, .18);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(25, 20, 22, .98), rgba(8, 11, 16, .98));
  box-shadow: 0 32px 100px rgba(0, 0, 0, .68);
  color: #f1eee7;
}

.view-choice__kicker {
  margin: 0 0 10px;
  color: #d8c9aa;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .2em;
}

.view-choice h2 {
  margin: 0;
  font: 500 clamp(28px, 7vw, 40px)/1.1 Georgia, "Noto Serif KR", serif;
  letter-spacing: -.045em;
}

.view-choice__copy {
  margin: 13px 0 22px;
  color: #aaa8a3;
  font-size: 14px;
  line-height: 1.7;
  word-break: keep-all;
}

.view-choice__options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.view-choice__option {
  min-height: 118px;
  padding: 18px;
  border: 1px solid rgba(241, 238, 231, .15);
  border-radius: 5px;
  background: rgba(255, 255, 255, .035);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.view-choice__option:hover,
.view-choice__option:focus-visible {
  border-color: rgba(216, 201, 170, .7);
  background: rgba(181, 72, 63, .13);
  outline: none;
}

.view-choice__option strong { display: block; font-size: 17px; }
.view-choice__option span { display: block; margin-top: 8px; color: #aaa8a3; font-size: 12px; line-height: 1.55; }
.view-choice__option em { display: inline-block; margin-top: 10px; color: #d8c9aa; font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .08em; }

.view-choice__cancel {
  display: block;
  margin: 16px auto 0;
  padding: 8px 12px;
  border: 0;
  background: none;
  color: #8d8c88;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

body.view-choice-open { overflow: hidden; }

@media (max-width: 520px) {
  .view-choice { padding: 24px 20px; }
  .view-choice__options { grid-template-columns: 1fr; }
  .view-choice__option { min-height: 92px; }
}