.analytics-consent[hidden], .analytics-settings-trigger[hidden] { display: none !important; }
.analytics-consent { position: fixed; z-index: 1000; left: 1rem; bottom: max(1rem, env(safe-area-inset-bottom)); width: min(530px, calc(100% - 2rem)); max-height: calc(100svh - 2rem); display: flex; flex-direction: column; color: #f6f3ed; background: #121212; border: 1px solid #454545; border-top: 3px solid #f32f32; border-radius: 14px; box-shadow: 0 18px 60px #0006; padding: 1.25rem; font: 400 14px/1.6 Inter, system-ui, sans-serif; text-align: left; box-sizing: border-box; }
.analytics-consent-copy { min-height: 0; overflow: auto; overscroll-behavior: contain; }
.analytics-consent p { margin: .55rem 0; color: inherit; font: inherit; }
.analytics-consent .analytics-consent-eyebrow { margin-top: 0; color: #ff7779; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.analytics-consent h2 { margin: 0 0 .45rem; font: 700 20px/1.2 Inter, system-ui, sans-serif; letter-spacing: -.025em; text-transform: none; color: #fff; }
.analytics-consent details { margin-top: .6rem; font-size: 12px; }
.analytics-consent summary { cursor: pointer; color: #d7d7d7; text-decoration: underline; text-underline-offset: 3px; padding: .3rem 0; }
.analytics-consent-details { padding: .5rem 0; color: #ddd; }
.analytics-consent a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.analytics-consent code { overflow-wrap: anywhere; }
.analytics-consent-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin-top: .9rem; flex-shrink: 0; }
.analytics-consent-actions button { min-height: 44px; padding: .65rem .4rem; border: 1px solid #f6f3ed; border-radius: 7px; background: #f6f3ed; color: #111; font: 700 13px/1.2 Inter, system-ui, sans-serif; text-transform: none; letter-spacing: 0; cursor: pointer; }
.analytics-consent-actions button:hover { background: #fff; }
.analytics-consent button:focus-visible, .analytics-consent a:focus-visible, .analytics-consent summary:focus-visible, .analytics-settings-trigger:focus-visible { outline: 3px solid #ff6568; outline-offset: 3px; }
footer .analytics-settings-trigger { appearance: none; min-height: 44px; padding: .5rem .35rem; color: inherit; background: transparent; border: 0; font: 500 14px/1.4 Inter, system-ui, sans-serif; text-decoration: underline; text-underline-offset: 4px; text-transform: none; letter-spacing: 0; cursor: pointer; }
@media (max-width: 540px) { .analytics-consent { left: .65rem; bottom: max(.65rem, env(safe-area-inset-bottom)); width: calc(100% - 1.3rem); max-height: calc(100svh - 1.3rem); padding: 1rem; font-size: 13px; } .analytics-consent h2 { font-size: 19px; } }