/* Analytics choice: a small card, bottom left, out of the way of the content */
.analytics-choice {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9000;
  max-width: 400px;
  padding: 18px 20px;
  border-radius: 16px;
  background: var(--dark-card, #161b22);
  border: 1px solid var(--dark-border, rgba(255, 255, 255, 0.08));
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
  color: #f5f5f7;
  font: 400 14px/1.5 "Inter", system-ui, sans-serif;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.3s var(--ease, ease), transform 0.3s var(--ease, ease);
}
.analytics-choice.is-in { opacity: 1; transform: none; }
.analytics-title { display: block; margin: 0 0 6px; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.01em; }
.analytics-choice p { margin: 0 0 16px; color: #b9c0ca; }
.analytics-choice a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.analytics-actions { display: flex; gap: 10px; }
.analytics-actions button {
  flex: 1;
  padding: 10px 14px;
  border-radius: 999px;
  font: 600 14px/1 "Inter", system-ui, sans-serif;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.analytics-allow { background: var(--accent, #de1f26); border: 1px solid var(--accent, #de1f26); color: #fff; }
.analytics-allow:hover { background: var(--accent-bright, #f04349); border-color: var(--accent-bright, #f04349); }
.analytics-deny { background: transparent; border: 1px solid rgba(255, 255, 255, 0.22); color: #f5f5f7; }
.analytics-deny:hover { border-color: rgba(255, 255, 255, 0.5); }

/* privacy page: change the choice */
.analytics-settings {
  padding: 0;
  border: 0;
  background: none;
  color: var(--accent, #de1f26);
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

@media (max-width: 600px) {
  .analytics-choice { left: 12px; right: 12px; bottom: 12px; max-width: none; }
}