.analytics-consent {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  display: grid;
  width: min(560px, calc(100vw - 40px));
  padding: 22px;
  gap: 20px;
  border: 1px solid #1a1a1a;
  background: #f2f2f2;
  color: #1a1a1a;
  box-shadow: 8px 8px 0 #1a1a1a;
  font-family: var(--sans, ui-sans-serif, system-ui, sans-serif);
}

.analytics-consent strong { font-size: 15px; }
.analytics-consent p { margin: 8px 0; color: #535861; font-size: 13px; line-height: 1.55; }
.analytics-consent a,
.analytics-preferences {
  color: inherit;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.analytics-consent__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.analytics-consent button {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid #1a1a1a;
  background: transparent;
  color: #1a1a1a;
  cursor: pointer;
  font: 700 12px/1 var(--sans, ui-sans-serif, system-ui, sans-serif);
}
.analytics-consent button.is-primary { background: #1a1a1a; color: #f2f2f2; }
.analytics-consent button:focus-visible,
.analytics-preferences:focus-visible { outline: 3px solid #236943; outline-offset: 3px; }
.analytics-preferences { padding: 0; border: 0; background: transparent; cursor: pointer; text-align: left; }

@media (max-width: 560px) {
  .analytics-consent { right: 12px; bottom: 12px; width: calc(100vw - 24px); padding: 18px; }
  .analytics-consent__actions { display: grid; }
  .analytics-consent button { width: 100%; }
}

@media (prefers-color-scheme: dark) {
  .analytics-consent { border-color: #f2f2f2; background: #1a1a1a; color: #f2f2f2; box-shadow: 8px 8px 0 #f2f2f2; }
  .analytics-consent p { color: rgba(242,242,242,.7); }
  .analytics-consent button { border-color: #f2f2f2; color: #f2f2f2; }
  .analytics-consent button.is-primary { background: #f2f2f2; color: #1a1a1a; }
}

html[data-theme="light"] .analytics-consent { border-color: #1a1a1a; background: #f2f2f2; color: #1a1a1a; box-shadow: 8px 8px 0 #1a1a1a; }
html[data-theme="light"] .analytics-consent p { color: #535861; }
html[data-theme="light"] .analytics-consent button { border-color: #1a1a1a; color: #1a1a1a; }
html[data-theme="light"] .analytics-consent button.is-primary { background: #1a1a1a; color: #f2f2f2; }
html[data-theme="dark"] .analytics-consent { border-color: #f2f2f2; background: #1a1a1a; color: #f2f2f2; box-shadow: 8px 8px 0 #f2f2f2; }
html[data-theme="dark"] .analytics-consent p { color: rgba(242,242,242,.7); }
html[data-theme="dark"] .analytics-consent button { border-color: #f2f2f2; color: #f2f2f2; }
html[data-theme="dark"] .analytics-consent button.is-primary { background: #f2f2f2; color: #1a1a1a; }