.analytics-choice { position: fixed; z-index: 100; bottom: 16px; left: 16px; right: 16px; max-width: 620px; margin: 0 auto; padding: 16px; border: 1px solid #ccd5ca; border-radius: 12px; color: #22362a; background: #fffefa; box-shadow: 0 5px 24px #1a302024; font: 14px/1.5 system-ui, sans-serif; }
.analytics-choice[hidden] { display: none; }
.analytics-choice p { margin: 0 0 10px; }
.analytics-choice a { color: #275f42; text-decoration: underline; }
.analytics-choice div { display: flex; gap: 10px; }
.analytics-choice button { min-height: 44px; padding: 8px 16px; border: 1px solid #275f42; border-radius: 8px; color: #22362a; background: #fffefa; cursor: pointer; font: inherit; }
.analytics-choice button[data-choice="granted"] { color: white; background: #275f42; }
.analytics-settings { padding: 0; border: 0; background: none; color: inherit; cursor: pointer; font: inherit; text-decoration: underline; }
.analytics-choice button:focus-visible, .analytics-settings:focus-visible { outline: 3px solid #d59134; outline-offset: 3px; }
@media (max-width: 400px) { .analytics-choice { bottom: 8px; left: 8px; right: 8px; padding: 12px; } }