.analytics-consent[hidden], #analytics-settings[hidden] { display: none; }
#analytics-settings { background: none; border: 0; padding: 8px 0; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.analytics-consent { position: fixed; z-index: 100; inset: auto 20px 20px auto; width: min(480px, calc(100% - 40px)); padding: 24px; background: #1d2019; color: #eee7d6; border: 2px solid #cdb16b; box-shadow: 5px 5px 0 #554827; font: 16px/1.5 'IBM Plex Sans', sans-serif; }
.analytics-consent h2 { margin: 0 0 10px; font: 600 22px/1.3 'Oxanium', sans-serif; }
.analytics-consent p { margin: 0 0 18px; font-size: 15px; }
.analytics-actions { display: flex; gap: 12px; }
.analytics-actions button { flex: 1; min-height: 46px; border: 1px solid #cdb16b; background: #1d2019; color: #eee7d6; padding: 10px 14px; cursor: pointer; font: 600 15px/1.3 'IBM Plex Sans', sans-serif; }
.analytics-actions button:hover { background: #34372b; }
.analytics-actions button:focus-visible, #analytics-settings:focus-visible { outline: 3px solid #eee7d6; outline-offset: 4px; }
@media(max-width:480px) { .analytics-consent { inset: auto 12px 12px; width: auto; padding: 18px; max-height: calc(100dvh - 24px); overflow: auto; } .analytics-actions { flex-wrap: wrap; } }