.analytics-controls { position: fixed; z-index: 60; left: 12px; bottom: max(12px, env(safe-area-inset-bottom)); max-width: calc(100vw - 24px); font: 14px/1.5 system-ui, sans-serif; color: #e2e8f0; }
.analytics-controls[hidden], .analytics-controls [hidden], body:has([aria-modal="true"]) .analytics-controls { display: none !important; }
.analytics-controls button, .analytics-controls a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 14px; border: 1px solid #64748b; border-radius: 10px; background: #132333; color: #f1f5f9; font: inherit; font-weight: 650; cursor: pointer; text-decoration: none; }
.analytics-controls button:hover, .analytics-controls a:hover { background: #20364c; }
.analytics-controls :focus-visible { outline: 3px solid #67e8f9; outline-offset: 3px; }
.analytics-controls button:disabled { cursor: default; opacity: .65; }
.analytics-controls .analytics-settings { background: #0b1725; box-shadow: 0 3px 16px #0006; }
.analytics-card { position: absolute; bottom: 54px; left: 0; width: min(500px, calc(100vw - 24px)); max-height: calc(100dvh - 100px); overflow-y: auto; padding: 18px; border: 1px solid #64748b; border-radius: 16px; background: #0b1725; box-shadow: 0 12px 40px #0009; box-sizing: border-box; }
.analytics-card h2 { margin: 0 0 8px; color: #fff; font: 750 18px/1.4 system-ui, sans-serif; letter-spacing: normal; }
.analytics-card p { margin: 8px 0; color: #cbd5e1; font: inherit; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.analytics-controls [data-choice] { border-color: #94a3b8; }
.analytics-controls .analytics-actions a { border-color: transparent; text-decoration: underline; text-underline-offset: 3px; }