/* Shared consent surface, matching the approved /ai/ reference. */
#cookiebar{box-sizing:border-box;position:fixed;left:16px;right:auto;bottom:16px;width:min(340px,calc(100vw - 32px));z-index:210;background:#101319;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:15px 16px;display:none;flex-direction:column;gap:12px;box-shadow:0 18px 50px rgba(16,19,25,.28);font-family:Onest,system-ui,sans-serif}
#cookiebar.show{display:flex}
#cookiebar p{margin:0;font:400 12px/1.5 Onest,system-ui,sans-serif;color:#fff}
#cookiebar p a{color:inherit;text-decoration:underline;text-underline-offset:2px}
#cookiebar .cookiebar__row{display:flex;gap:8px}
#cookiebar .btn{box-sizing:border-box;min-height:44px;padding:8px 14px;flex:1;border-radius:9px;border:1px solid #fff;background:#fff;color:#101319;font:600 12px/1.2 Onest,system-ui,sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer;box-shadow:none}
#cookiebar .cookiebar__no{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important}
#cookiebar :is(button,a):focus-visible{outline:2px solid #89e9ee;outline-offset:3px}
@media(max-width:700px){#cookiebar{left:8px;bottom:8px;width:calc(100vw - 16px)}}

/* Compact /ai/ surface: existing Onest type and original foil palette. */
#cookiebar.cookiebar--compact{width:min(300px,calc(100vw - 24px));left:auto;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));padding:12px;gap:8px;border:0;border-radius:16px;isolation:isolate;overflow:hidden;color:#101319;background:#f6f7f9;box-shadow:0 6px 24px rgba(60,80,120,.14),inset 0 1px 0 rgba(255,255,255,.9)}
#cookiebar.cookiebar--compact::before{border-radius:inherit;content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(115deg,transparent 12%,hsl(280 92% 62%/.62) 26%,hsl(320 96% 62%/.78) 38%,hsl(15 96% 62%/.6) 46%,hsl(45 98% 60%/.62) 53%,hsl(160 92% 52%/.6) 62%,hsl(205 96% 58%/.78) 72%,hsl(258 92% 64%/.6) 82%,transparent 92%);background-size:260% 100%;animation:holoShift 6s ease-in-out infinite}
#cookiebar.cookiebar--compact p{color:#3d4551;font-size:12px;line-height:1.45}
#cookiebar.cookiebar--compact .btn{background:#101319;color:#fff;border:0;border-radius:8px;min-height:44px;font-weight:500;transition:background .15s ease-out}
#cookiebar.cookiebar--compact .cookiebar__no{background:rgba(255,255,255,.7)!important;color:#101319!important;border:0!important}
#cookiebar.cookiebar--compact .btn:hover{background:#2a3444}
#cookiebar.cookiebar--compact .cookiebar__no:hover{background:#fff!important}
#cookiebar.cookiebar--compact :is(button,a):focus-visible{outline-color:#5253aa}
@keyframes cookieNoticeIn{from{opacity:0;transform:translateY(calc(100% + 24px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
#cookiebar.cookiebar--compact.show{animation:cookieNoticeIn .52s cubic-bezier(.16,1,.3,1) both}
@media(prefers-reduced-motion:reduce){#cookiebar.cookiebar--compact.show,#cookiebar.cookiebar--compact::before{animation:none}}