.tm-analytics-controls[hidden], .tm-analytics-notice[hidden] { display: none !important; }
.tm-analytics-controls { max-width: 1480px; margin: 0 auto; padding: 18px clamp(20px, 4vw, 64px) 24px; }
.tm-analytics-settings { padding: 0; border: 0; background: transparent; color: var(--muted, #8d8d88); font: inherit; font-size: .72rem; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.tm-analytics-settings:hover { color: var(--text, #f4f4f1); }
.tm-analytics-notice { position: fixed; z-index: 60; right: 20px; bottom: 20px; width: min(580px, calc(100% - 40px)); padding: 22px; border: 1px solid var(--line-strong, #444); background: var(--surface, #0b0b0b); color: var(--text, #f4f4f1); box-shadow: 0 12px 48px #0009; }
.tm-analytics-notice h2 { margin: 0 0 10px; font: inherit; font-size: .8rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.tm-analytics-notice p { margin: 0; color: var(--muted, #8d8d88); font-size: .84rem; line-height: 1.6; }
.tm-analytics-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.tm-analytics-actions button { padding: 10px 14px; border: 1px solid var(--line-strong, #444); background: transparent; color: inherit; font: inherit; font-size: .76rem; cursor: pointer; }
.tm-analytics-actions button:hover:not(:disabled) { border-color: var(--text, #f4f4f1); }
.tm-analytics-actions button:disabled { opacity: .5; cursor: not-allowed; }
.tm-analytics-actions .tm-analytics-close { margin-left: auto; border-color: transparent; color: var(--muted, #8d8d88); }
.tm-analytics-controls button:focus-visible, .tm-analytics-actions button:focus-visible { outline: 2px solid var(--text, #f4f4f1); outline-offset: 4px; }
@media (max-width: 480px) { .tm-analytics-notice { right: 12px; bottom: 12px; width: calc(100% - 24px); padding: 18px; } .tm-analytics-actions { gap: 8px; } }