.analytics-choice {
    --analytics-bg: var(--surface, var(--bg-secondary, #ffffff));
    --analytics-ink: var(--ink, var(--text-primary, #22231f));
    --analytics-border: var(--line, var(--border-color, #dedbd2));
    position: fixed;
    z-index: 1000;
    right: 20px;
    bottom: 20px;
    width: min(410px, calc(100vw - 40px));
    padding: 22px;
    border: 1px solid var(--analytics-border);
    border-radius: 16px;
    background: var(--analytics-bg);
    color: var(--analytics-ink);
    box-shadow: var(--shadow, var(--shadow-md));
    font: 14px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.analytics-choice[hidden] { display: none; }
.analytics-choice h2 { margin: 0 0 8px; font-size: 17px; color: inherit; }
.analytics-choice p { margin: 0 0 12px; color: inherit; font-size: 14px; }
.analytics-choice a { text-decoration: underline; }
.analytics-actions { display: flex; gap: 10px; margin-top: 16px; }
.analytics-actions button {
    flex: 1;
    border: 1px solid var(--analytics-border);
    border-radius: 8px;
    padding: 10px;
    color: inherit;
    background: transparent;
    font: inherit;
    cursor: pointer;
}
.analytics-actions button:focus-visible, .analytics-settings:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
}
.analytics-links { display: flex; flex-wrap: wrap; gap: 16px; margin: 12px auto 0; justify-content: center; font-size: 13px; }
.analytics-settings { color: inherit; border: 0; background: transparent; font: inherit; padding: 0; cursor: pointer; text-decoration: underline; }
@media (max-width: 768px) {
    .analytics-choice { bottom: calc(88px + env(safe-area-inset-bottom, 0px)); right: 12px; width: calc(100vw - 24px); padding: 18px; }
}
