.analytics-preferences[hidden] { display: none; }
.analytics-preferences { position: fixed; inset: auto 20px 20px; z-index: 100; margin-inline: auto; max-width: 1040px; display: flex; align-items: center; gap: 24px; padding: 24px; color: #201a26; background: #fff; border: 1px solid #d7ccd9; border-radius: 14px; box-shadow: 0 8px 32px rgb(32 26 38 / 16%); }
.analytics-preferences h2 { margin: 0 0 8px; font-size: 1.1rem; line-height: 1.4; }
.analytics-preferences > div { min-width: 0; }
.analytics-preferences p { max-width: 65ch; margin: 0; font-size: 1rem; line-height: 1.6; }
.analytics-actions { display: flex; flex-wrap: wrap; flex-shrink: 0; gap: 10px; }
.analytics-actions .button { min-height: 44px; cursor: pointer; font: inherit; font-size: 1rem; }
.analytics-preferences button:focus-visible, [data-analytics-preferences]:focus-visible { outline: 3px solid #8d2453; outline-offset: 3px; }
[data-analytics-preferences] { border: 0; padding: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; text-decoration: underline; text-underline-offset: 3px; }
.analytics-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 760px) { .analytics-preferences { inset: auto 12px 12px; display: block; padding: 18px; max-height: 70dvh; overflow-y: auto; } .analytics-actions { margin-top: 16px; } .analytics-actions .button { flex: 1 1 160px; } }