/* StoryMaker MyPage logout confirmation dialog */
#mypage-session-exit-confirm {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10020 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(2, 6, 23, 0.68) !important;
  backdrop-filter: blur(8px) !important;
  box-sizing: border-box !important;
}

#mypage-session-exit-confirm .mypage-session-exit-card {
  width: min(420px, 100%) !important;
  padding: 26px 24px 22px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(30, 41, 59, 0.96)) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.48) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#mypage-session-exit-confirm .mypage-session-exit-title {
  color: #f8fafc !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  margin-bottom: 10px !important;
}

#mypage-session-exit-confirm .mypage-session-exit-desc {
  color: #9fb2c9 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: 22px !important;
}

#mypage-session-exit-confirm .mypage-session-exit-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

#mypage-session-exit-confirm button {
  min-height: 48px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

#mypage-session-exit-cancel {
  color: #e2e8f0 !important;
  background: rgba(15, 23, 42, 0.8) !important;
  border: 1px solid rgba(148, 163, 184, 0.36) !important;
}

#mypage-session-exit-yes {
  color: #fff !important;
  background: rgba(127, 29, 29, 0.48) !important;
  border: 1px solid rgba(248, 113, 113, 0.58) !important;
}

#mypage-session-exit-confirm button:hover {
  filter: brightness(1.12) !important;
}