.analytics-panel[hidden], .analytics-settings[hidden] { display: none; }
.analytics-panel { position: fixed; z-index: 45; right: 1rem; bottom: 1rem; width: min(25rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; padding: 1.25rem; color: #fff8ed; background: #0b1b32; border: 1px solid #b99a66; border-top: 3px solid #c5293a; box-shadow: 0 12px 40px #0007; font-size: .875rem; line-height: 1.5; }
.analytics-panel h2 { margin: 0 0 .5rem; color: #fff8ed; font-size: 1.25rem; line-height: 1.2; font-weight: 650; letter-spacing: -.025em; }
.analytics-panel p { margin: .65rem 0; }
.analytics-panel details { margin: .85rem 0; color: #cdd4df; font-size: .8rem; }
.analytics-panel summary { width: fit-content; min-height: 28px; cursor: pointer; color: #fff8ed; text-decoration: underline; text-underline-offset: .2em; }
.analytics-panel a { color: #fff8ed; text-decoration: underline; text-underline-offset: .2em; }
.analytics-panel-actions { display: flex; gap: .6rem; }
.analytics-panel-actions button { flex: 1; min-height: 44px; padding: .65rem .5rem; border: 1px solid #b99a66; background: transparent; color: #fff8ed; font-weight: 600; cursor: pointer; }
.analytics-panel-actions button:hover { background: #23334b; }
.analytics-panel-actions button:disabled { opacity: .55; cursor: not-allowed; }
.analytics-panel [data-analytics-status] { margin: .75rem 0 0; color: #cdd4df; font-size: .75rem; }
.analytics-settings { min-height: 24px; color: inherit; background: none; border: 0; padding: 0; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.analytics-panel :focus-visible, .analytics-settings:focus-visible { outline: 2px solid #fff8ed; outline-offset: 4px; }
@media (max-width: 360px) { .analytics-panel { padding: 1rem; } .analytics-panel-actions { gap: .4rem; } }