[data-stats-choice][hidden] { display: none; }
.site-statistics { font: inherit; }
.site-statistics__choice { position: fixed; z-index: 90; bottom: 18px; left: 18px; width: min(420px,calc(100% - 36px)); background: #20212a; border: 1px solid #3b3d49; border-radius: 12px; padding: 18px; box-shadow: 0 8px 30px #0005; color: #f3f4fa; }
.site-statistics__choice strong { font-size: 15px; }.site-statistics__choice p { font-size: 13px; color: #c3c5d2; line-height: 1.6; margin: 7px 0 12px; }
.site-statistics__choice div { display:flex; gap:10px; }.site-statistics__choice button { flex: 1; min-height: 44px; border-radius: 7px; background: #30323e; color: white; border: 1px solid #5c5f70; font: inherit; cursor: pointer; }.site-statistics__choice button:last-child { background: #db253d; border-color: #db253d; }
.site-statistics__settings { display: block; margin: 0 auto 14px; padding: 8px 12px; background: none; border: 0; color: #b8bdca; text-decoration: underline; cursor: pointer; font-size: 12px; }
.site-statistics :focus-visible { outline: 2px solid #ff7a8c; outline-offset: 3px; }
@media(prefers-reduced-motion:reduce) { .site-statistics * { transition:none; } }