.analytics-choice { margin: 16px 0; padding: 16px 20px; border: 1px solid var(--line); border-radius: 12px; background: #171a2e; display: flex; align-items: center; gap: 20px; }
.analytics-choice[hidden] { display: none; }
.analytics-choice p { margin: 5px 0 0; color: #b7b8ce; font-size: 12px; line-height: 1.6; }
.analytics-choice strong { font-size: 13px; }
.analytics-choice a { color: var(--gold); }
.analytics-actions { display: flex; gap: 8px; flex: none; }
.analytics-actions button { min-height: 42px; color: #eef0ff; }
.analytics-preference { background: none; border: 0; padding: 6px; color: #b7b8ce; font: inherit; cursor: pointer; text-decoration: underline; }
.analytics-preference:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.is-playing .analytics-choice { display: none; }
@media (max-width: 760px) { .analytics-choice { flex-direction: column; align-items: flex-start; gap: 12px; } .analytics-actions { width: 100%; } .analytics-actions button { flex: 1; } }