.analytics-controls { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.analytics-controls button { font: inherit; color: inherit; background: none; border: 0; padding: 0; text-decoration: underline; cursor: pointer; }
.analytics-choice { position: fixed; z-index: 100; bottom: 5rem; left: 1rem; width: min(26rem, calc(100vw - 2rem)); max-height: calc(100dvh - 7rem); overflow: auto; box-sizing: border-box; padding: 1rem; background: #fff; color: #172d3e; border: 2px solid #172d3e; border-radius: .5rem; box-shadow: 0 .3rem 1.5rem #0004; }
.analytics-choice h2 { font: bold 1.1rem/1.3 sans-serif; margin: 0 0 .5rem; color: inherit; }
.analytics-choice p { font: 1rem/1.45 sans-serif; margin: .4rem 0; color: inherit; }
.analytics-actions { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .7rem; }
.analytics-actions button { flex: 1 1 9rem; font: 600 1rem/1.3 sans-serif; cursor: pointer; padding: .65rem; border: 1px solid #172d3e; background: #fff; color: #172d3e; border-radius: .25rem; }
.analytics-actions button:focus-visible, .analytics-controls button:focus-visible { outline: 3px solid #007e91; outline-offset: 3px; }
.analytics-choice[hidden], .analytics-controls [hidden] { display: none; }
.visit-count { font-size: .85rem; opacity: .8; }
@media print { .analytics-controls, .analytics-choice, .visit-count { display: none !important; } }