#dattle-analytics-choice { position: fixed; z-index: 2000; inset: auto 20px 20px; max-width: 1040px; margin: auto; display: flex; align-items: center; gap: 24px; padding: 24px; border: 1px solid #7e80ad; border-radius: 16px; background: #19162f; color: #fff; box-shadow: 0 12px 50px #0007; font: 14px/1.5 system-ui,sans-serif; }
#dattle-analytics-choice h2 { margin: 0 0 8px; font-size: 18px; line-height: 1.3; color: #fff; }
#dattle-analytics-choice p { margin: 0 0 8px; color: #dddbe9; }
#dattle-analytics-choice a { color: #c5c8ff; text-decoration: underline; }
.dattle-analytics-actions { display: flex; flex-wrap: wrap; gap: 10px; flex-shrink: 0; max-width: 290px; }
.dattle-analytics-actions button { min-height: 44px; padding: 11px 16px; border-radius: 8px; border: 1px solid #c1c4f8; background: #282440; color: #fff; font: 600 14px system-ui,sans-serif; cursor: pointer; }
.dattle-analytics-actions button:hover { background: #413963; }
[data-analytics-preferences] { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
#dattle-analytics-choice :focus-visible, [data-analytics-preferences]:focus-visible { outline: 3px solid #c5c8ff; outline-offset: 3px; }
@media(max-width: 720px) { #dattle-analytics-choice { inset: auto 12px 12px; padding: 20px; flex-direction: column; align-items: stretch; gap: 16px; max-height: calc(100vh - 24px); overflow: auto; } .dattle-analytics-actions { max-width: none; } .dattle-analytics-actions button { flex: 1; } }
@media print { #dattle-analytics-choice, [data-analytics-preferences] { display: none; } }