.analytics-consent[hidden], [data-form-error][hidden] { display: none !important; }
.analytics-consent {
  position: fixed;
  z-index: 1000;
  right: 1rem;
  bottom: 1rem;
  width: min(430px, calc(100vw - 2rem));
  padding: 1.25rem;
  border: 1px solid #6f86ff;
  border-radius: .75rem;
  background: #141b24;
  color: #e2e8f0;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .45);
  font: 400 .9rem/1.5 system-ui, sans-serif;
}
.analytics-consent p { margin: 0 0 1rem; color: #e2e8f0; }
.analytics-consent a { color: #9babff; }
.analytics-consent-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.analytics-consent button, [data-analytics-settings] {
  cursor: pointer;
  font: inherit;
}
.analytics-consent button { padding: .65rem .8rem; border: 1px solid #9babff; border-radius: .4rem; background: transparent; color: #e2e8f0; }
.analytics-consent button[data-consent="accepted"] { background: #3bbfa0; border-color: #3bbfa0; color: #0d1219; font-weight: 700; }
.analytics-consent button:focus-visible, [data-analytics-settings]:focus-visible { outline: 3px solid #3bbfa0; outline-offset: 3px; }
[data-analytics-settings] { border: 0; padding: 0; background: none; color: inherit; text-decoration: underline; text-underline-offset: .15em; }
[data-form-error] { padding: .75rem; border: 1px solid #ff8a8a; border-radius: .4rem; color: #ffb2b2; }
@media (max-width: 480px) { .analytics-consent { left: 1rem; right: 1rem; width: auto; } }