.sp-analytics[hidden] { display: none; }
.sp-analytics { position: fixed; z-index: 1001; inset: auto 16px 60px auto; width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 92px); overflow: auto; box-sizing: border-box; padding: 24px; border-radius: 12px; background: #fff; color: #182327; box-shadow: 0 12px 48px rgb(24 35 39 / 22%); font: 15px/1.5 system-ui, sans-serif; text-align: left; }
.sp-analytics strong { display: block; font-size: 19px; line-height: 1.3; }
.sp-analytics p { margin: 10px 0 0; color: #46544e; }
.sp-analytics details { margin-top: 12px; font-size: 13px; }
.sp-analytics summary { cursor: pointer; }
.sp-analytics a { color: #1e50cc; text-decoration: underline; text-underline-offset: 3px; }
.sp-analytics__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.sp-analytics__actions button { flex: 1 1 180px; min-height: 44px; padding: 10px 12px; border: 1px solid #cad5d0; border-radius: 8px; background: #fff; color: #182327; font: inherit; font-weight: 600; cursor: pointer; }
.sp-analytics__actions button:hover { background: #edf3f0; }
.sp-analytics-settings { position: fixed; z-index: 1000; bottom: max(12px, env(safe-area-inset-bottom)); left: 12px; min-height: 36px; padding: 6px 12px; border: 1px solid #cad5d0; border-radius: 8px; background: #fff; color: #46544e; font: 12px/1.5 system-ui, sans-serif; cursor: pointer; }
.sp-analytics-settings:hover { background: #edf3f0; }
.sp-analytics :focus-visible, .sp-analytics-settings:focus-visible { outline: 2px solid #255ff4; outline-offset: 3px; }
@media (max-width: 540px) { .sp-analytics { padding: 20px; inset-inline: 16px; } }