/* Quiet, self-contained public analytics control. Complete tokens support both site themes. */
.dwkd-analytics {
  --analytics-bg: #151515;
  --analytics-text: #faf8f4;
  --analytics-muted: #cbc7bf;
  --analytics-border: #64605a;
  --analytics-accent: #f3bd70;
  --analytics-accent-text: #17120c;
  font: 400 14px/1.55 "Inter", system-ui, sans-serif;
  color: var(--analytics-text);
  position: relative;
  z-index: 1000;
}
html[data-theme="light"] .dwkd-analytics {
  --analytics-bg: #faf8f4;
  --analytics-text: #171717;
  --analytics-muted: #514c44;
  --analytics-border: #81786d;
  --analytics-accent: #5e3909;
  --analytics-accent-text: #ffffff;
}
.dwkd-analytics *, .dwkd-analytics *::before, .dwkd-analytics *::after { box-sizing: border-box; }
.dwkd-analytics [hidden] { display: none !important; }
.dwkd-analytics-panel {
  position: fixed;
  inset: auto 20px max(20px, env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  max-width: 780px;
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  padding: 24px;
  border: 1px solid var(--analytics-border);
  border-radius: 16px;
  background: var(--analytics-bg);
  box-shadow: 0 10px 45px #0004;
}
.dwkd-analytics-panel h2 { margin: 0 0 10px; font: 600 20px/1.25 "Inter", system-ui, sans-serif; letter-spacing: -.025em; color: var(--analytics-text); }
.dwkd-analytics-panel p { margin: 0 0 12px; font: inherit; color: var(--analytics-muted); }
.dwkd-analytics-panel .dwkd-analytics-label { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--analytics-accent); }
.dwkd-analytics-panel .dwkd-analytics-status { font-size: 12px; }
.dwkd-analytics a { font: inherit; color: var(--analytics-text); text-decoration: underline; text-underline-offset: 3px; }
.dwkd-analytics-actions { display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.dwkd-analytics button { min-height: 44px; padding: 10px 16px; border: 1px solid var(--analytics-border); border-radius: 8px; background: var(--analytics-bg); color: var(--analytics-text); font: 500 13px/1.35 "Inter", system-ui, sans-serif; cursor: pointer; text-align: center; }
.dwkd-analytics button[data-analytics-accept] { background: var(--analytics-accent); color: var(--analytics-accent-text); border-color: var(--analytics-accent); }
.dwkd-analytics button:disabled { opacity: .65; cursor: default; }
.dwkd-analytics :focus-visible { outline: 3px solid var(--analytics-accent); outline-offset: 4px; }
/* Keep the persistent control in document flow, after the footer. A floating
   trigger covered homepage links and reading content on narrow screens. The
   preference panel remains fixed only while the visitor is making a choice. */
.dwkd-analytics { padding: 16px clamp(20px, 3vw, 96px) max(24px, env(safe-area-inset-bottom)); background: var(--analytics-bg); }
.dwkd-analytics-preferences { display: block; position: static; margin: 0; }
.dwkd-analytics:has(.dwkd-analytics-preferences[hidden]) { padding: 0; }
@media (max-width: 600px) {
  .dwkd-analytics-panel { inset-inline: 12px; bottom: max(12px, env(safe-area-inset-bottom)); padding: 20px; gap: 12px; grid-template-columns: minmax(0, 1fr); max-height: calc(100dvh - 24px); }
  .dwkd-analytics-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .dwkd-analytics-actions [data-analytics-close] { grid-column: 1 / -1; }
  .dwkd-analytics button { padding: 10px; }
}
@media (prefers-reduced-motion: reduce) { .dwkd-analytics *, .dwkd-analytics *::before, .dwkd-analytics *::after { animation: none !important; transition: none !important; } }