#celestial-consent-bar { position: fixed; z-index: 999999; bottom: 42px; left: 12px; right: 12px; max-width: 760px; margin: 0 auto; padding: 12px 16px; color: #fff5dc; background: #302343; border: 1px solid #cdb374; border-radius: 9px; box-shadow: 0 4px 22px #0005; font: 14px/1.45 system-ui, sans-serif; }
#celestial-consent-bar[hidden] { display: none !important; }
#celestial-consent-bar p { margin: 0 0 8px; font: inherit; color: inherit; }
#celestial-consent-bar .celestial-consent-actions { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px; }
#celestial-consent-bar button { min-width: 88px; min-height: 38px; padding: 7px 15px; border: 1px solid #dbc58d; border-radius: 5px; background: #35527a; color: #fff5dc; font: 600 14px/1.4 system-ui, sans-serif; cursor: pointer; }
#celestial-consent-bar button:disabled { opacity: .65; cursor: wait; }
#celestial-consent-bar button:focus-visible, #celestial-consent-bar summary:focus-visible, #celestial-privacy-choices:focus-visible { outline: 3px solid #e6c679; outline-offset: 3px; }
#celestial-consent-bar details { flex: 1 1 190px; }
#celestial-consent-bar summary { padding: 8px 0; text-decoration: underline; cursor: pointer; color: #fff5dc; }
#celestial-consent-bar details p { margin-top: 6px; }
#celestial-consent-bar .celestial-consent-note { display: block; margin-top: 4px; }
#celestial-privacy-choices { position: fixed; z-index: 999998; right: 12px; bottom: 8px; background: #302343; color: #fff5dc; border: 1px solid #cdb374; border-radius: 5px; padding: 5px 10px; font: 12px/1.5 system-ui, sans-serif; cursor: pointer; }
@media (max-width: 480px) { #celestial-consent-bar { left: 8px; right: 8px; padding: 10px 12px; font-size: 13px; max-height: 72vh; overflow: auto; } }