.analytics-panel[hidden], .analytics-settings-link[hidden] { display: none; }
.analytics-panel { position: fixed; bottom: 1rem; left: 1rem; right: 1rem; z-index: 1050; max-width: 720px; max-height: calc(100dvh - 2rem); overflow: auto; margin: 0 auto; padding: 1.5rem; background: #f3f3ef; color: #25313a; border: 1px solid #bfc4c1; font-size: .9rem; line-height: 1.6; }
.analytics-panel h2 { margin: 0 0 .6rem; font-size: 1.15rem; font-weight: 600; letter-spacing: -.02em; }
.analytics-panel p { color: #59636a; margin: 0 0 1rem; }
.analytics-panel a { color: #263b4a; text-underline-offset: .2em; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.analytics-actions button { flex: 1; padding: .7rem 1rem; border: 1px solid #78847c; border-radius: 2px; color: #25313a; background: #fff; font: inherit; cursor: pointer; }
.analytics-actions button:hover { background: #e9ece8; }
.analytics-settings-link { margin: 0; border: 0; padding: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.analytics-panel button:focus-visible { outline: 2px solid #263b4a; outline-offset: 3px; }
.analytics-settings-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.analytics-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 480px) { .analytics-panel { padding: 1.1rem; } .analytics-actions { flex-direction: column; } }