.analytics-notice { position: fixed; z-index: 10000; bottom: 16px; left: 16px; width: min(480px, calc(100vw - 32px)); box-sizing: border-box; padding: 20px; border: 1px solid #d5d9e2; border-radius: 12px; background: #fff; color: #172033; box-shadow: 0 8px 32px #17203326; font: 14px/1.6 system-ui, sans-serif; }
.analytics-notice[hidden] { display: none; }
.analytics-notice p { margin: 0 0 14px; }
.analytics-notice a { color: #3730a3; text-decoration: underline; }
.analytics-notice div { display: flex; flex-wrap: wrap; gap: 10px; }
.analytics-notice button { padding: 10px 14px; border: 1px solid #3730a3; border-radius: 6px; background: #fff; color: #3730a3; font: inherit; cursor: pointer; }
.analytics-notice button[data-choice="granted"] { background: #3730a3; color: #fff; }
.analytics-settings { display: block; margin: 18px auto; padding: 8px 12px; border: 0; background: transparent; color: inherit; text-decoration: underline; font: inherit; font-size: 13px; cursor: pointer; }
.analytics-notice button:focus-visible, .analytics-settings:focus-visible { outline: 3px solid #818cf8; outline-offset: 3px; }