#cookie-note{position:fixed; left:16px; right:16px; bottom:16px; z-index:300; max-width:560px; margin-inline:auto;
    display:flex; gap:14px; align-items:center; justify-content:space-between; padding:14px 16px; border-radius:14px;
    background:color-mix(in srgb, var(--surface,#141416) 94%, transparent); border:1px solid var(--line-strong,rgba(255,255,255,.16));
    box-shadow:0 16px 40px -16px rgba(0,0,0,.7); backdrop-filter:saturate(140%) blur(10px);
    font-family:var(--sans,system-ui,sans-serif); font-size:.9rem; line-height:1.45; color:var(--fg-2,#d2d2d8)}
  #cookie-note[hidden]{display:none}   /* the hidden attr must beat display:flex above, or "Got it" can't dismiss it */
  #cookie-note p{margin:0}
  #cookie-note strong{color:var(--fg,#f5f5f6); font-weight:600}
  #cookie-note a{color:var(--accent,#c6f24e)}
  #cookie-note button{flex:none; cursor:pointer; white-space:nowrap; padding:9px 16px; border-radius:999px; border:1px solid transparent;
    background:var(--accent,#c6f24e); color:var(--accent-ink,#0c1402); font-family:inherit; font-weight:600; font-size:.88rem}
  #cookie-note button:hover{filter:brightness(1.06)}
  @media (max-width:520px){#cookie-note{flex-direction:column; align-items:stretch; text-align:left} #cookie-note button{width:100%}}