.cf-analytics-choice[hidden], [data-cf-analytics-settings][hidden] { display: none !important; }
.cf-analytics-choice {
  position: fixed; z-index: 10000; inset: auto 1rem 1rem auto;
  width: min(26rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto;
  box-sizing: border-box; padding: 0.9rem 1rem; border: 1px solid #55d1dc;
  border-radius: 12px; background: #0b1721; color: #f4f7fa;
  box-shadow: 0 8px 32px #0008; font: 400 0.875rem/1.4 system-ui, sans-serif;
}
.cf-analytics-choice h2 { margin: 0 0 0.6rem; color: inherit; font: 650 1rem/1.3 system-ui, sans-serif; }
.cf-analytics-choice p { margin: 0 0 0.75rem; color: inherit; }
.cf-analytics-choice a { color: #79e3eb; text-decoration: underline; }
.cf-analytics-choice #cf-analytics-current:empty { display: none; }
.cf-analytics-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.cf-analytics-actions button {
  flex: 1 1 6rem; min-height: 44px; padding: 0.65rem 0.8rem;
  border: 1px solid #79e3eb; border-radius: 6px;
  background: #102b36; color: #f4f7fa; font: 600 0.95rem/1.3 system-ui, sans-serif; cursor: pointer;
}
.cf-analytics-actions button:hover { background: #184451; }
.cf-analytics-choice :focus-visible, .cf-analytics-settings:focus-visible { outline: 3px solid #f4f7fa; outline-offset: 3px; }
.cf-analytics-settings { padding: 0; min-height: 44px; border: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }

.cf-analytics-details { margin: 0 0 0.6rem; }
.cf-analytics-details summary { cursor: pointer; color: #79e3eb; text-decoration: underline; }
.cf-analytics-details p { margin: 0.5rem 0 0; }