.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(228,71,131,.35); border-radius: 1rem; background: rgba(255,255,255,.98); box-shadow: 0 1.2rem 3rem rgba(105,55,85,.22); color: #3e2940; font: 400 .88rem/1.45 ui-rounded, system-ui, sans-serif; }
.analytics-consent__copy strong { display: block; color: #9b2356; font-size: 1rem; font-weight: 900; line-height: 1.2; }
.analytics-consent__copy p { margin: .3rem 0; color: #6f5b70; }
.analytics-consent__copy a { color: #982653; }
.analytics-consent__actions { display: flex; flex: 0 0 auto; gap: .55rem; }
.analytics-consent button { min-height: 2.7rem; border: 1px solid rgba(111,66,102,.22); border-radius: 999px; background: transparent; color: #3e2940; padding: .65rem .9rem; cursor: pointer; font: 900 .78rem/1 system-ui, sans-serif; }
.analytics-consent button.allow { border-color: #e44783; background: #e44783; color: white; }
.analytics-consent button:focus-visible { outline: 3px solid #44304d; 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; } }