.analytics-consent, .analytics-settings { font-family: system-ui, sans-serif; }
.analytics-consent { position: fixed; z-index: 1000; inset-inline: 12px; bottom: 12px; margin-inline: auto; max-width: 620px; padding: 20px; border: 1px solid #9ba7c4; border-radius: 18px; background: #fff; color: #202b4b; box-shadow: 0 6px 30px #0004; font-size: 16px; line-height: 1.5; max-height: calc(100dvh - 24px); overflow: auto; }
.analytics-consent[hidden] { display: none; }
.analytics-consent h2 { font: 700 20px/1.3 system-ui, sans-serif; margin: 0 0 8px; color: inherit; }
.analytics-consent p { margin: 0 0 12px; line-height: 1.5; }
.analytics-consent a { color: #263d8d; display: inline-block; padding: 6px 0; text-decoration: underline; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.analytics-actions button, .analytics-settings { min-height: 48px; padding: 10px 16px; font-size: 15px; line-height: 1.3; border: 2px solid #202b4b; border-radius: 10px; background: #fff; color: #202b4b; cursor: pointer; }
.analytics-actions button { flex: 1 1 180px; }
.analytics-consent :focus-visible, .analytics-settings:focus-visible { outline: 3px solid #3154b1; outline-offset: 3px; }
.analytics-settings { display: block; margin: 20px auto 96px; }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .analytics-consent, html:not([data-theme="light"]) .analytics-actions button, html:not([data-theme="light"]) .analytics-settings { background: #1f273e; color: #fff; border-color: #bbc7e7; } html:not([data-theme="light"]) .analytics-consent a { color: #bdd0ff; } }
html[data-theme="dark"] .analytics-consent, html[data-theme="dark"] .analytics-actions button, html[data-theme="dark"] .analytics-settings { background: #1f273e; color: #fff; border-color: #bbc7e7; }
html[data-theme="dark"] .analytics-consent a { color: #bdd0ff; }