/* Liquid-glass cookie notice: droplets merge into a premium glass card. */
.cookie-liquid-notice{
  position:fixed;
  z-index:1150;
  right:max(20px,env(safe-area-inset-right));
  bottom:max(20px,env(safe-area-inset-bottom));
  width:min(404px,calc(100vw - 40px));
  min-height:212px;
  pointer-events:none;
  perspective:900px;
  isolation:isolate;
}
.cookie-liquid-notice[hidden]{display:none!important}
.cookie-liquid-card{
  position:absolute;
  right:0;
  bottom:0;
  width:100%;
  min-height:164px;
  padding:23px 23px 20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  border-radius:28px;
  background:rgba(255,255,255,.11);
  color:var(--ink);
  -webkit-backdrop-filter:blur(15px) saturate(132%);
  backdrop-filter:blur(15px) saturate(132%);
  box-shadow:
    0 22px 62px rgba(16,17,15,.16),
    0 5px 16px rgba(16,17,15,.07),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(255,255,255,.08);
  opacity:0;
  transform:translateY(15px) scale(.72,.48) rotateX(7deg);
  transform-origin:84% 100%;
  transform-style:preserve-3d;
  clip-path:inset(82% 3% 1% 68% round 999px);
  pointer-events:none;
  will-change:transform,clip-path,opacity;
}
.cookie-liquid-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% -8%,rgba(255,255,255,.34),transparent 37%),
    linear-gradient(145deg,rgba(255,255,255,.12),transparent 42%,rgba(255,255,255,.025) 72%,rgba(255,255,255,.09));
}
.cookie-liquid-card::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  border-radius:27px;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);
}
.cookie-liquid-copy,.cookie-liquid-actions{position:relative;z-index:2}
.cookie-liquid-copy{padding-right:8px}
.cookie-liquid-kicker{
  display:block;
  margin-bottom:10px;
  color:var(--muted);
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
}
.cookie-liquid-copy p{
  max-width:335px;
  margin:0;
  font-size:14px;
  font-weight:650;
  line-height:1.55;
  letter-spacing:-.012em;
}
.cookie-liquid-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:20px;
}
.cookie-liquid-actions a{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  text-decoration:underline;
  text-decoration-color:color-mix(in srgb,var(--muted) 45%,transparent);
  text-underline-offset:4px;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.cookie-liquid-actions a:hover{color:var(--ink);text-decoration-color:currentColor}
.cookie-liquid-actions button{
  min-height:42px;
  padding:0 17px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:color-mix(in srgb,var(--ink) 92%,transparent);
  color:var(--bg);
  box-shadow:0 8px 24px rgba(16,17,15,.12),inset 0 1px 0 rgba(255,255,255,.15);
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  transition:transform .22s var(--ease),background .22s ease,box-shadow .22s ease;
}
.cookie-liquid-actions button:hover{transform:translateY(-2px);background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 28px rgba(16,17,15,.16)}
.cookie-liquid-actions button:active{transform:translateY(0) scale(.97)}
.cookie-liquid-sheen{
  position:absolute;
  z-index:1;
  top:-55%;
  bottom:-55%;
  left:-34%;
  width:30%;
  pointer-events:none;
  opacity:0;
  transform:translateX(-170%) rotate(17deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),rgba(255,255,255,.08),transparent);
  filter:blur(2px);
}
.cookie-liquid-drop{
  position:absolute;
  z-index:-1;
  left:var(--drop-left,75%);
  bottom:63px;
  width:var(--drop-size,46px);
  height:calc(var(--drop-size,46px) * 1.28);
  border:1px solid rgba(255,255,255,.28);
  border-radius:52% 48% 57% 43% / 69% 66% 34% 31%;
  background:rgba(255,255,255,.13);
  -webkit-backdrop-filter:blur(9px) saturate(145%);
  backdrop-filter:blur(9px) saturate(145%);
  box-shadow:
    inset 7px 5px 13px rgba(255,255,255,.28),
    inset -5px -9px 14px rgba(16,17,15,.055),
    0 13px 30px rgba(16,17,15,.10);
  opacity:0;
  transform:translate(calc(-50% + var(--drop-drift,0px)),-118px) scale(.55) rotate(var(--drop-tilt,0deg));
  will-change:transform,opacity;
}
.cookie-liquid-drop::after{
  content:"";
  position:absolute;
  width:24%;
  height:18%;
  left:22%;
  top:19%;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  filter:blur(.6px);
  transform:rotate(-18deg);
}
.cookie-liquid-notice.is-visible .cookie-liquid-card{
  pointer-events:auto;
  animation:cookie-liquid-fill 1.16s cubic-bezier(.2,.83,.18,1) .48s both;
}
.cookie-liquid-notice.is-visible .cookie-liquid-drop-a{animation:cookie-liquid-drop-a 1.02s cubic-bezier(.24,.73,.26,1) .04s both}
.cookie-liquid-notice.is-visible .cookie-liquid-drop-b{animation:cookie-liquid-drop-b 1.08s cubic-bezier(.24,.73,.26,1) .17s both}
.cookie-liquid-notice.is-visible .cookie-liquid-sheen{animation:cookie-liquid-sheen .72s cubic-bezier(.25,.75,.2,1) 1.18s both}
.cookie-liquid-notice.is-leaving{pointer-events:none}
.cookie-liquid-notice.is-leaving .cookie-liquid-card{pointer-events:none;animation:cookie-liquid-dismiss .42s cubic-bezier(.55,.05,.72,.28) both}
.cookie-liquid-notice.is-leaving .cookie-liquid-drop{animation:none;opacity:0}

@keyframes cookie-liquid-drop-a{
  0%{opacity:0;transform:translate(calc(-50% + var(--drop-drift,0px)),-124px) scale(.46,.58) rotate(var(--drop-tilt,0deg))}
  18%{opacity:1}
  58%{opacity:1;transform:translate(calc(-50% + var(--drop-drift,0px)),-24px) scale(.82,1.18) rotate(calc(var(--drop-tilt,0deg) * .5))}
  76%{opacity:1;transform:translate(-50%,10px) scale(1.06,.78) rotate(2deg)}
  100%{opacity:0;transform:translate(-50%,35px) scale(2.45,.30) rotate(0deg)}
}
@keyframes cookie-liquid-drop-b{
  0%{opacity:0;transform:translate(calc(-50% + var(--drop-drift,0px)),-145px) scale(.42,.56) rotate(var(--drop-tilt,0deg))}
  16%{opacity:1}
  61%{opacity:1;transform:translate(calc(-50% + var(--drop-drift,0px)),-27px) scale(.84,1.20) rotate(calc(var(--drop-tilt,0deg) * .45))}
  79%{opacity:1;transform:translate(-50%,8px) scale(1.08,.76) rotate(-2deg)}
  100%{opacity:0;transform:translate(-50%,34px) scale(2.65,.28) rotate(0deg)}
}
@keyframes cookie-liquid-fill{
  0%{opacity:0;clip-path:inset(82% 3% 1% 68% round 999px);transform:translateY(15px) scale(.72,.48) rotateX(7deg)}
  22%{opacity:.66;clip-path:inset(60% 2% 0 52% round 58% 44% 45% 63%);transform:translateY(9px) scale(.83,.65) rotateX(5deg)}
  52%{opacity:1;clip-path:inset(18% 0 0 16% round 40px 46px 34px 48px);transform:translateY(2px) scale(.965,.93) rotateX(1.7deg)}
  76%{opacity:1;clip-path:inset(0 round 30px);transform:translateY(-1px) scale(1.012,.988) rotateX(0)}
  100%{opacity:1;clip-path:inset(0 round 28px);transform:none}
}
@keyframes cookie-liquid-sheen{
  0%{opacity:0;transform:translateX(-170%) rotate(17deg)}
  18%{opacity:.72}
  76%{opacity:.28}
  100%{opacity:0;transform:translateX(560%) rotate(17deg)}
}
@keyframes cookie-liquid-dismiss{
  0%{opacity:1;clip-path:inset(0 round 28px);transform:none;filter:none}
  100%{opacity:0;clip-path:inset(18% 7% 12% 28% round 48px);transform:translateY(13px) scale(.91,.83);filter:blur(5px)}
}

html[data-theme="dark"] .cookie-liquid-card{
  background:rgba(20,21,19,.28);
  border-color:rgba(255,255,255,.15);
  box-shadow:0 24px 66px rgba(0,0,0,.34),0 5px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(255,255,255,.045);
}
html[data-theme="dark"] .cookie-liquid-drop{background:rgba(30,31,28,.30);border-color:rgba(255,255,255,.18);box-shadow:inset 7px 5px 13px rgba(255,255,255,.16),inset -5px -9px 14px rgba(0,0,0,.16),0 13px 32px rgba(0,0,0,.25)}
html[data-theme="dark"] .cookie-liquid-actions button{background:rgba(242,243,235,.94);color:#111210}

@supports not (hanging-punctuation:first){
  .cookie-liquid-card{backdrop-filter:url("#germes-displacement-filter") blur(12px) saturate(128%)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .cookie-liquid-card{background:rgba(255,255,255,.94)}
  html[data-theme="dark"] .cookie-liquid-card{background:rgba(25,26,23,.96)}
}
@media(max-width:600px){
  .cookie-liquid-notice{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:calc(100vw - 28px);min-height:205px}
  .cookie-liquid-card{min-height:160px;padding:21px 20px 18px;border-radius:24px}
  .cookie-liquid-card::after{border-radius:23px}
  .cookie-liquid-copy p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .cookie-liquid-drop,.cookie-liquid-sheen{display:none}
  .cookie-liquid-notice.is-visible .cookie-liquid-card{animation:none;opacity:1;transform:none;clip-path:none;pointer-events:auto}
  .cookie-liquid-notice.is-leaving .cookie-liquid-card{animation:none;opacity:0}
}