.analytics-consent {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  left: max(16px, env(safe-area-inset-left));
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  width: auto;
  max-width: 920px;
  margin-inline: auto;
  padding: 6px 12px;
  color: #f7fbff;
  background: #14283f;
  border: 1px solid #071829;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(7, 24, 41, 0.28);
  font-family:
    "Pretendard Variable", Pretendard, "Malgun Gothic", system-ui, sans-serif;
}

.analytics-consent__summary {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.analytics-consent__title {
  flex: 1 1 auto;
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.35;
  letter-spacing: -0.025em;
}

.analytics-consent__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  flex: 0 0 196px;
  gap: 8px;
}

.analytics-consent__choice {
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #f7fbff;
  border-radius: 10px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition:
    color 160ms ease,
    background-color 160ms ease,
    transform 160ms ease;
}

.analytics-consent__choice--deny {
  color: #f7fbff;
  background: transparent;
}

.analytics-consent__choice--allow {
  color: #10253d;
  background: #f7fbff;
}

.analytics-consent__choice:hover,
.analytics-consent__choice:focus-visible {
  color: #ffffff;
  background: #177c70;
  transform: translateY(-1px);
}

.analytics-consent__choice:focus-visible,
.analytics-consent__privacy:focus-visible,
.analytics-consent__title:focus-visible {
  outline: 3px solid #ffd45c;
  outline-offset: 3px;
}

.analytics-consent__privacy {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 44px;
  color: #bceee5;
  font-weight: 750;
  text-underline-offset: 4px;
}

@media (max-width: 640px) {
  .analytics-consent {
    bottom: max(8px, env(safe-area-inset-bottom));
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .analytics-consent__actions {
    flex-basis: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .analytics-consent__choice {
    transition: none;
  }
}