.analytics-banner { position: fixed; left: 50%; right: auto; bottom: 24px; transform: translateX(-50%); z-index: 1000; width: min(480px, calc(100vw - 32px)); padding: 18px; border: 1px solid var(--border); border-radius: 14px; background: var(--card, #fff); color: var(--text, #111827); box-shadow: 0 10px 36px rgba(0,0,0,.18); max-height: calc(100dvh - 110px); overflow: auto; }
.analytics-banner[hidden] { display: none; }
.analytics-banner strong { font-size: 14px; }
.analytics-banner p { margin: 6px 0 12px; font-size: 13px; line-height: 1.55; }
.analytics-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.analytics-actions .btn { flex: 1 1 120px; padding: 8px 12px; font-size: 13px; min-height: 40px; }
.analytics-actions [data-analytics-accept] { background: var(--accent, #c13b1e); border-color: var(--accent, #c13b1e); color: #fff; font-weight: 700; }
.analytics-actions [data-analytics-accept]:hover { background: var(--accent-hover, #a93219); border-color: var(--accent-hover, #a93219); }
.analytics-settings { color: inherit; background: none; border: 0; padding: 0; font: inherit; text-decoration: none; cursor: pointer; }
.footer-bottom .analytics-settings { font-size: 11px; line-height: 1.7; color: rgb(183,192,204); }
.analytics-settings:hover { text-decoration: underline; }
.analytics-settings:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (max-width: 620px) { .analytics-banner { bottom: calc(90px + env(safe-area-inset-bottom, 0px)); width: calc(100vw - 24px); padding: 14px; } .analytics-actions .btn { min-height: 44px; } }