body { padding-bottom: var(--jacin-consent-space, 0px) !important; }
.jacin-consent, #jacin-cookie-settings { box-sizing: border-box; font: 15px/1.5 system-ui, sans-serif; color: #ececf2; }
.jacin-consent { position: fixed; z-index: 1000; bottom: 16px; left: 16px; width: min(700px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 20px; background: #202233; border: 1px solid #8580a8; border-radius: 12px; box-shadow: 0 8px 32px #0006; }
.jacin-consent[hidden], .jacin-consent button[hidden], #jacin-cookie-settings[hidden] { display: none; }
.jacin-consent h2 { margin: 0 0 12px; font-size: 18px; line-height: 1.3; }
.jacin-consent p { margin: 0 0 12px; overflow-wrap: anywhere; }
.jacin-consent a { color: #c9c2ff; text-decoration: underline; }
.jacin-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.jacin-consent button, #jacin-cookie-settings { cursor: pointer; min-height: 44px; padding: 10px 16px; border: 1px solid #b5abfc; border-radius: 8px; font: inherit; }
.jacin-consent button[data-choice] { flex: 1 1 170px; color: #171923; background: #c9c2ff; }
.jacin-consent button[data-close], #jacin-cookie-settings { background: #202233; color: #ececf2; }
.jacin-consent button:hover { filter: brightness(1.08); }
#jacin-cookie-settings { position: fixed; bottom: 16px; right: 16px; z-index: 999; font-size: 13px; box-shadow: 0 4px 12px #0004; }
.jacin-consent :focus-visible, #jacin-cookie-settings:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 390px) { .jacin-consent { padding: 16px; font-size: 14px; } }
@media print { .jacin-consent, #jacin-cookie-settings { display: none; } body { padding-bottom: 0 !important; } }