.analytics-settings { padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: .2em; cursor: pointer; }
.analytics-settings:hover:where(:not([data-input-blocked],[data-input-blocked] *,[data-hover-suppressed],[data-hover-suppressed] *,html[data-pointer-input="touch"] *,html[data-pointer-input="pen"] *,html[data-hover-capable="false"] *)) { color: var(--ink); text-decoration-color: currentColor; }
.analytics-dialog { box-sizing: border-box; width: min(36rem, calc(100vw - 2rem)); max-width: none; max-height: calc(100dvh - 2rem); margin: auto; padding: 0; overflow: auto; }
.analytics-dialog-content { padding: 1.25rem; }
.analytics-dialog h2 { margin: 0 0 .75rem; font-size: var(--text-lg); }
.analytics-dialog p { margin: 0 0 .75rem; }
.analytics-current-status { padding: .75rem; border-inline-start: 3px solid var(--accent); background: var(--surface-hover); }
.analytics-save-error { color: var(--error); }
.analytics-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.analytics-actions button { flex: 1 1 9rem; }
.analytics-settings:focus-visible, .analytics-actions button:focus-visible { outline: var(--focus-ring); outline-offset: 3px; }
@media (max-width: 600px) { .analytics-dialog { width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); } .analytics-dialog-content { padding: 1rem; } }
@media (prefers-reduced-motion: reduce) { .analytics-dialog[open] { scroll-behavior: auto; } }