#consent-panel, #consent-settings { box-sizing: border-box; font: 15px/1.5 system-ui, sans-serif; color: #202020; background: #fff; border: 1px solid #b4b4b4; box-shadow: 0 3px 20px #0002; z-index: 2147483000; }
#consent-panel { position: fixed; bottom: 16px; left: 16px; width: min(650px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 22px; border-radius: 12px; }
#consent-panel[hidden], #consent-settings[hidden], #consent-panel button[hidden] { display: none; }
#consent-panel h2 { margin: 0 0 12px; font: 700 22px/1.25 system-ui, sans-serif; }
#consent-panel p { margin: 0 0 12px; font: inherit; }
#consent-panel a { color: #654800; text-decoration: underline; }
#consent-panel label { display: flex; gap: 10px; align-items: flex-start; margin: 12px 0; font-weight: 400; }
#consent-panel input { appearance: auto; width: 18px; height: 18px; margin: 2px 0 0; flex: 0 0 18px; }
#consent-panel .consent-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
#consent-panel button, #consent-settings { padding: 11px 14px; border: 1px solid #555; border-radius: 6px; background: #fff; color: #202020; font: 600 14px/1.3 system-ui, sans-serif; cursor: pointer; min-height: 44px; }
#consent-settings { position: fixed; bottom: 12px; left: 12px; }
#consent-panel :focus-visible, #consent-settings:focus-visible { outline: 3px solid #946800; outline-offset: 3px; }
@media (max-width: 480px) { #consent-panel { padding: 16px; } #consent-panel .consent-actions button { flex: 1 1 100%; } }