.tracking-banner { position: fixed; bottom: 18px; left: 18px; z-index: 10001; max-width: 560px; padding: 18px 22px; background: #171719; border: 1px solid #4a4a4f; border-radius: 12px; color: #f5f5f5; box-shadow: 0 8px 32px #0008; font: 14px/1.55 Arial, sans-serif; }
.tracking-banner[hidden] { display: none; }
.tracking-banner p { margin: 0 0 14px; }
.tracking-banner > div, .tracking-dialog > div { display: flex; flex-wrap: wrap; gap: 10px; }
.tracking-banner button, .tracking-dialog button { padding: 10px 14px; border: 1px solid #888; border-radius: 6px; background: #242426; color: #fff; cursor: pointer; font: inherit; }
.tracking-banner button:focus-visible, .tracking-dialog button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.tracking-dialog { max-width: 520px; width: calc(100% - 40px); padding: 26px; border: 1px solid #4a4a4f; border-radius: 12px; background: #171719; color: #f5f5f5; font: 14px/1.6 Arial, sans-serif; }
.tracking-dialog::backdrop { background: #000b; }
.tracking-dialog h2 { margin: 0; }
.tracking-dialog label { display: flex; gap: 12px; padding: 12px 0; align-items: center; }
.tracking-dialog a { display: block; color: #fff; margin: 12px 0 20px; }
#tracking-preferences { background: none; border: 0; padding: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; }
@media (max-width: 640px) { .tracking-banner { left: 10px; right: 10px; bottom: 10px; padding: 16px; } }