#cookie-dialog { color-scheme: dark; width: min(680px, calc(100% - 28px)); max-height: calc(100dvh - 28px); overflow: auto; border: 1px solid #535c66; border-radius: 20px; padding: clamp(20px, 4vw, 32px); background: #182028; color: #f7fafc; box-shadow: 0 20px 90px #0008; font: 15px/1.55 Manrope, system-ui, sans-serif; }
#cookie-dialog::backdrop { background: #080d16bb; }
#cookie-dialog h2 { font: 700 clamp(23px, 4vw, 30px)/1.2 Manrope, system-ui, sans-serif; margin: 0 0 16px; color: inherit; }
#cookie-dialog p { margin: 0 0 18px; }
#cookie-dialog .cookie-eyebrow { color: #aff1d0; letter-spacing: .13em; font-size: 11px; font-weight: 700; }
.cookie-options { display: grid; gap: 16px; margin: 22px 0; }
#cookie-dialog label { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; }
#cookie-dialog input { margin: 5px 0 0; width: 18px; height: 18px; flex-shrink: 0; accent-color: #aff1d0; }
#cookie-dialog small { display: block; font-size: 12px; color: #c5ced5; margin-top: 4px; }
.cookie-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
#cookie-dialog button { min-height: 46px; border: 1px solid #aff1d0; background: #233c34; color: #effff7; border-radius: 10px; padding: 10px 14px; font: 700 13px/1.4 Manrope, system-ui, sans-serif; cursor: pointer; }
#cookie-dialog button:hover { background: #325447; }
#cookie-dialog button:focus-visible, #cookie-settings:focus-visible { outline: 3px solid #aff1d0; outline-offset: 3px; }
#cookie-settings { display: inline-block; margin: 8px 12px; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; }
#cookie-dialog .cookie-feedback:empty { display: none; }
@media (min-width: 640px) { .cookie-actions { grid-template-columns: repeat(3, 1fr); } }