.analytics-consent[hidden] { display: none; }
.analytics-consent { position: fixed; z-index: 50; right: max(1rem, env(safe-area-inset-right)); bottom: max(1rem, env(safe-area-inset-bottom)); left: max(1rem, env(safe-area-inset-left)); display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: min(760px, calc(100% - 2rem)); margin-inline: auto; padding: 1rem; border: 1px solid rgba(245,189,88,.42); border-radius: 1rem; background: rgba(23,15,36,.98); box-shadow: 0 1.2rem 3rem rgba(0,0,0,.42); color: #f7f1ff; font: 400 .88rem/1.45 Inter, ui-sans-serif, system-ui, sans-serif; }
.analytics-consent__copy strong { display: block; color: #ffe3a8; font: 700 1rem/1.2 Georgia, serif; }
.analytics-consent__copy p { margin: .3rem 0; color: #d8cee4; }
.analytics-consent__copy a { color: #ffe3a8; }
.analytics-consent__actions { display: flex; flex: 0 0 auto; gap: .55rem; }
.analytics-consent button { min-height: 2.7rem; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: transparent; color: #f7f1ff; padding: .65rem .9rem; cursor: pointer; font: 800 .78rem/1 system-ui, sans-serif; }
.analytics-consent button.allow { border-color: #f5bd58; background: #f5bd58; color: #2b190a; }
.analytics-consent button:focus-visible { outline: 3px solid #fff0bd; outline-offset: 2px; }
@media (max-width: 620px) { .analytics-consent { align-items: stretch; flex-direction: column; } .analytics-consent__actions { display: grid; grid-template-columns: 1fr 1fr; } }