.analytics-preferences[hidden] { display: none; }
.analytics-preferences {
  position: fixed; z-index: 20; inset: auto max(1rem, calc((100% - 32rem) / 2)) 1rem;
  padding: 1.15rem; background: #1a1917; border: 1px solid #9a805d;
  color: #f7f2ea; box-shadow: 0 .5rem 2rem #0008;
}
.analytics-preferences h2 { font-size: 1.5rem; margin: 0 0 .5rem; }
.analytics-preferences p { margin: 0 0 1rem; font-size: .92rem; }
.analytics-preferences div { display: flex; gap: .65rem; flex-wrap: wrap; }
.analytics-preferences button {
  flex: 1; padding: .55rem .85rem; border: 1px solid #a68b67;
  color: inherit; background: transparent; cursor: pointer;
}
.analytics-preferences button:hover { background: #383025; }
.analytics-settings { color: inherit; background: none; border: 0; padding: .4rem; text-decoration: underline; cursor: pointer; }
.analytics-preferences button:focus-visible, .analytics-settings:focus-visible { outline: 2px solid #f6ca8b; outline-offset: 3px; }