.analytics-settings { background: transparent; border: 0; cursor: pointer; font: inherit; padding: 0; text-decoration: none; transition: color 0.15s ease; }
.analytics-banner { position: fixed; z-index: 10000; left: max(16px, env(safe-area-inset-left)); right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); max-width: 650px; margin: auto; padding: 16px; background: #18191d; color: #fff; border: 1px solid #777; border-radius: 12px; box-shadow: 0 8px 32px #0008; font: 16px/1.45 Arial, sans-serif; }
.analytics-banner[hidden] { display: none; }
.analytics-banner p { margin: 0 0 12px; color: #fff; }
.analytics-banner a { color: #fff; text-decoration: underline; }
.analytics-actions { display: flex; gap: 12px; justify-content: flex-end; }
.analytics-actions button { cursor: pointer; border: 1px solid #fff; border-radius: 6px; padding: 10px 16px; background: transparent; color: #fff; font: inherit; }
.analytics-actions button:last-child { background: #fff; color: #171717; }
.analytics-settings:focus-visible, .analytics-actions button:focus-visible { outline: 3px solid #f6a23e; outline-offset: 2px; }
@media (min-width: 700px) {
  .analytics-banner { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; align-items: center; }
  .analytics-banner p { grid-column: 1; }
  .analytics-banner p:first-of-type { grid-row: 1; margin-bottom: 8px; }
  .analytics-banner p:nth-of-type(2) { grid-row: 2; margin-bottom: 0; }
  .analytics-actions { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
}

.analytics-settings:hover { color: var(--primary-light, #fff); }
@media (orientation: portrait) {
  .analytics-banner { display: block; }
  .analytics-banner p:first-of-type, .analytics-banner p:nth-of-type(2) { display: inline; margin: 0; }
  .analytics-banner p + p::before { content: " "; }
  .analytics-actions { margin-top: 16px; }
}