#tn-statistics-panel[hidden], #tn-statistics-controls[hidden] { display: none !important; }
#tn-statistics-panel { position: relative; margin: 1rem auto; padding: 1.25rem; max-width: 70rem; color: #151515; background: #fff; border: 2px solid #343434; border-radius: .35rem; font: 1rem/1.6 system-ui, sans-serif; }
#tn-statistics-panel h2 { color: inherit; font: bold 1.3rem/1.4 system-ui, sans-serif; margin: 0 0 .75rem; }
#tn-statistics-panel p { margin: .75rem 0; }
#tn-statistics-panel a { color: #004d80; text-decoration: underline; }
.tn-statistics-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
#tn-statistics-panel button, #tn-statistics-preferences { min-height: 44px; padding: .65rem 1rem; border: 2px solid #333; border-radius: .25rem; color: #151515; background: #fff; font: 600 1rem/1.4 system-ui, sans-serif; cursor: pointer; }
#tn-statistics-panel button { flex: 1 1 12rem; }
#tn-statistics-panel :focus-visible, #tn-statistics-preferences:focus-visible { outline: 3px solid #005fcc; outline-offset: 4px; }
#tn-statistics-controls { padding: 1rem; text-align: center; }
#tn-statistics-status { font: 1rem/1.5 system-ui, sans-serif; }
@media (prefers-color-scheme: dark) { #tn-statistics-panel, #tn-statistics-panel button, #tn-statistics-preferences { color: #fff; background: #171717; border-color: #ccc; } #tn-statistics-panel a { color: #8ed0ff; } }