.analytics-choice {
    position: fixed;
    z-index: 2147483000;
    left: max(12px, env(safe-area-inset-left));
    bottom: max(12px, env(safe-area-inset-bottom));
    box-sizing: border-box;
    width: min(390px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    overflow: auto;
    padding: 16px;
    border: 1px solid #71889c;
    border-radius: 12px;
    background: #121d29;
    color: #f3f7fa;
    font: 1rem/1.5 Arial, sans-serif;
    box-shadow: 0 6px 24px #0008;
}

.analytics-choice[hidden] { display: none; }
.analytics-choice h2 { margin: 0; font-size: 1.125em; color: inherit; }
.analytics-choice p { margin: 0.5em 0; color: inherit; }
.analytics-choice a { color: #c5ebff; text-decoration: underline; }
.analytics-choice-status:empty { display: none; }
.analytics-choice-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.analytics-choice-actions button,
.analytics-settings {
    border: 1px solid #9cb7cc;
    border-radius: 6px;
    padding: 8px 12px;
    background: #21374a;
    color: #f3f7fa;
    font: inherit;
    cursor: pointer;
}

.analytics-choice :focus-visible,
.analytics-settings:focus-visible { outline: 2px solid #9de8ff; outline-offset: 3px; }
.analytics-settings-floating {
    position: fixed;
    left: 12px;
    bottom: 12px;
    z-index: 2147482999;
    font: 0.875rem/1.4 Arial, sans-serif;
}

@media print {
    .analytics-choice, .analytics-settings { display: none !important; }
}
