.analytics-controls { font: 14px/1.5 system-ui, sans-serif; color: #211b47; }
.analytics-settings { position: fixed; bottom: 12px; left: 12px; z-index: 80; padding: 8px 12px; background: #fff; border: 1px solid #655c7a; border-radius: 8px; color: #342a5d; box-shadow: 0 2px 8px #211b471a; cursor: pointer; }
.analytics-panel { position: fixed; bottom: 60px; left: 12px; right: 12px; z-index: 81; max-width: 680px; max-height: calc(100dvh - 84px); overflow: auto; padding: 22px; background: #fff; border: 1px solid #655c7a; border-radius: 14px; box-shadow: 0 8px 40px #211b4733; }
.analytics-panel[hidden], .analytics-panel [hidden] { display: none; }
.analytics-panel h2 { font-size: 20px; font-weight: 700; margin: 0 0 12px; }
.analytics-panel p { margin: 0 0 12px; }
.analytics-panel a { color: #4834b9; text-decoration: underline; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.analytics-actions button { flex: 1 1 150px; padding: 11px 16px; border: 1px solid #5b45ef; border-radius: 8px; background: #fff; color: #4834b9; font: inherit; font-weight: 650; cursor: pointer; }
.analytics-actions button:hover { background: #f3f0ff; }
.analytics-actions button:disabled { color: #625c72; border-color: #aaa; cursor: default; }
.analytics-controls button:focus-visible, .analytics-panel a:focus-visible { outline: 3px solid #5b45ef; outline-offset: 3px; }
.analytics-panel .analytics-feedback:empty { display: none; }
.analytics-panel .analytics-feedback { margin: 12px 0 0; }
@media (max-width: 400px) { .analytics-panel { padding: 16px; } .analytics-actions button { flex-basis: 100%; } }