#po-consent, #po-consent-settings { box-sizing: border-box; font: 14px/1.5 system-ui, sans-serif; color: #eaf7f0; background: #122c2b; border: 1px solid #54847a; border-radius: 8px; }
#po-consent { position: fixed; z-index: 1000; left: 16px; bottom: 56px; width: min(480px, calc(100vw - 32px)); padding: 18px; box-shadow: 0 8px 32px #0005; }
#po-consent[hidden] { display: none; }
#po-consent strong { font-size: 16px; }
#po-consent p { margin: 8px 0 14px; }
#po-consent a { color: #9df2cc; text-decoration: underline; }
#po-consent > div { display: flex; flex-wrap: wrap; gap: 10px; }
#po-consent button { flex: 1; min-height: 42px; padding: 8px 14px; cursor: pointer; border: 1px solid #9df2cc; border-radius: 4px; background: #122c2b; color: #eaf7f0; font: inherit; }
#po-consent button[data-consent="granted"] { background: #9df2cc; color: #102723; }
#po-consent-settings { position: fixed; z-index: 999; left: 16px; bottom: 12px; padding: 6px 10px; cursor: pointer; }
#po-consent button:focus-visible, #po-consent a:focus-visible, #po-consent-settings:focus-visible { outline: 3px solid #f5cd71; outline-offset: 3px; }