/* AWS DR origin 캡슐 — 홈·캘린더 공통 */
.dr-origin-capsule {
  position: fixed;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  z-index: 90;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, #c2410c 35%, transparent);
  background: color-mix(in srgb, #ffedd5 92%, #fff);
  color: #9a3412;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 8px 24px color-mix(in srgb, #9a3412 12%, transparent);
  pointer-events: none;
  user-select: none;
}

.dr-origin-capsule[hidden] {
  display: none !important;
}

.dr-origin-capsule__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c2410c;
  box-shadow: 0 0 0 0 color-mix(in srgb, #c2410c 45%, transparent);
  animation: dr-origin-pulse 1.8s ease-out infinite;
}

.dr-origin-capsule__label {
  line-height: 1;
}

@keyframes dr-origin-pulse {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, #c2410c 40%, transparent);
  }
  70% {
    box-shadow: 0 0 0 8px transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

@media (max-width: 768px) {
  body.is-mobile .dr-origin-capsule,
  body.links-page .dr-origin-capsule {
    bottom: max(72px, calc(56px + env(safe-area-inset-bottom)));
  }
}