[data-analytics-panel][hidden], [data-analytics-panel] [hidden], [data-analytics-preferences][hidden] { display: none !important; }
.analytics-preferences { border: 0; padding: 0; background: none; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.analytics-panel { position: fixed; z-index: 120; inset: auto 16px 16px; width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 20px 22px; border: 1px solid var(--line, #dedbd2); border-radius: 20px; background: var(--paper, #faf8f2); color: var(--ink, #171717); box-shadow: 0 12px 48px #17171724; font-family: inherit; max-height: calc(100dvh - 32px); overflow: auto; }
.analytics-panel h2 { margin: 0 0 6px; color: inherit; font-size: 20px; line-height: 1.3; letter-spacing: normal; }
.analytics-panel p { margin: 0 0 14px; color: inherit; font-size: 15px; line-height: 1.5; }
.analytics-panel a { color: var(--cobalt, #315cff); text-decoration: underline; text-underline-offset: 3px; }
.analytics-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.analytics-actions button { min-height: 44px; padding: 10px 18px; border: 1px solid var(--ink, #171717); border-radius: 10px; background: transparent; color: var(--ink, #171717); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.analytics-actions button:hover { background: var(--cobalt-soft, #e9edff); }
.analytics-panel :focus-visible, .analytics-preferences:focus-visible { outline: 3px solid var(--cobalt, #315cff); outline-offset: 4px; }
@media (max-width: 480px) { .analytics-panel { padding: 16px; } .analytics-actions button { flex: 1 1 auto; } }