.cookie-banner{position:fixed;left:24px;bottom:24px;z-index:20;width:min(560px,calc(100% - 280px));padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#1b1722f5;border:1px solid #ead5a440;border-radius:12px;box-shadow:0 8px 32px #0006;backdrop-filter:blur(18px);animation:cookie-arrive .4s cubic-bezier(.22,1,.36,1) both}
.cookie-banner[hidden]{display:none}
.cookie-banner h2{font-size:13px;line-height:1.5;margin:0 0 2px;color:#f5eddb;letter-spacing:0}
.cookie-banner p{font-size:11px;line-height:1.7;margin:0;color:#bbb3c7}
.cookie-banner .cookie-actions{gap:6px;margin:0;flex-shrink:0}.cookie-banner .cookie-actions button{min-height:44px;padding:8px 13px;font-size:12px;white-space:nowrap;border-radius:9px}.cookie-banner .cookie-actions .cookie-more{flex:0 0 44px;padding:8px;background:transparent;border-color:transparent;color:#c5b99d}
.cookie-link{padding:0;border:0;border-bottom:1px solid #bfa67880;background:transparent;color:#ebd5a5;font-size:inherit;line-height:1.5}
.cookie-actions{display:flex;gap:10px;margin-top:16px}
.cookie-actions button{flex:1;min-height:44px;padding:10px 14px;border:1px solid #ead5a455;border-radius:30px;background:#292231;color:#eee2c5;font-size:13px;font-weight:500;transition:background .2s,transform .2s,border-color .2s}
.cookie-actions button:hover{background:#3a3044;border-color:#ead5a4a0}
.cookie-actions button:active{transform:scale(.98)}
.cookie-footer{align-self:center;background:none;border:0;padding:2px;color:#c2b7cb;font-size:12px;text-decoration:underline;text-underline-offset:4px}
#cookie-settings{max-width:560px;border-radius:24px;border-color:#ead5a444;background:linear-gradient(145deg,#211b29,#131117);padding:32px;max-height:calc(100dvh - 48px);overflow:auto}
#cookie-settings[open]{animation:cookie-arrive .4s cubic-bezier(.22,1,.36,1) both}
#cookie-settings::backdrop{background:#050408c9;backdrop-filter:blur(8px);animation:cookie-backdrop .3s ease both}
#cookie-settings h2{font-size:26px;line-height:1.4;margin:18px 0}
#cookie-settings h3{font-size:15px;color:#e9d3a3;margin:24px 0 6px}
#cookie-settings p{font-size:14px;line-height:1.85;margin:8px 0}
#cookie-settings .cookie-current{font-size:12px;border-top:1px solid #ffffff12;padding-top:16px;margin-top:20px}
#close-cookie-settings{width:36px;height:36px;border:1px solid #ffffff22;border-radius:50%;background:#ffffff08;line-height:1}
.cookie-banner.is-leaving,#cookie-settings.is-leaving{animation:cookie-leave .2s ease both}
#cookie-settings.is-leaving::backdrop{animation:cookie-backdrop .2s ease reverse both}
body:has(dialog[open]) .cookie-banner,body:has(#page-menu:not([hidden])) .cookie-banner{visibility:hidden}
@keyframes cookie-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cookie-leave{to{opacity:0;transform:translateY(8px) scale(.99)}}
@keyframes cookie-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.cookie-banner{left:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px);padding:9px 12px;display:grid;gap:7px}.cookie-summary{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cookie-banner h2{font-size:12px;margin:0}.cookie-banner p{font-size:10px}.cookie-banner .cookie-actions{gap:8px}.cookie-actions{margin-top:14px}.cookie-actions button{padding:10px 8px}#cookie-settings{padding:24px;width:calc(100% - 32px)}.cookie-footer{align-self:flex-start}body:has(.cookie-banner:not([hidden])) .back-to-top{bottom:calc(202px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.cookie-banner,#cookie-settings[open],#cookie-settings::backdrop,.cookie-banner.is-leaving,#cookie-settings.is-leaving,#cookie-settings.is-leaving::backdrop{animation:none}.cookie-actions button{transition:none}.cookie-actions button:active{transform:none}}
@media print{.cookie-banner,.cookie-footer,#cookie-settings{display:none}}
