#cookie-banner {
  position: fixed;
  left: 0.8rem;
  bottom: 0.8rem;
  z-index: 85;
  max-width: 230px;
  background: rgba(10, 10, 10, 0.92);
  border: 1px solid #eab300;
  border-radius: 6px;
  padding: 0.6rem 1.6rem 0.6rem 0.7rem;
  color: #ccc;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', monospace;
  font-size: 0.68rem;
  line-height: 1.4;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
/* Pages that render the DM FAB (bottom-left) need the banner lifted above it. */
body:has(#dm-fab) #cookie-banner { bottom: 5rem; }
#cookie-banner[hidden] { display: none !important; }
#cookie-banner h3 {
  color: #eab300;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 0.35rem;
  font-weight: 600;
}
#cookie-banner p { margin: 0 0 0.35rem; }
#cookie-banner p:last-child { margin-bottom: 0; color: #7a7a7a; font-size: 0.62rem; }
#cookie-close {
  position: absolute;
  top: 0.2rem;
  right: 0.3rem;
  background: transparent;
  border: none;
  color: #888;
  font-size: 1rem;
  line-height: 1;
  padding: 0.1rem 0.35rem;
  cursor: pointer;
}
#cookie-close:hover { color: #eab300; }
@media (max-width: 480px) {
  #cookie-banner { max-width: 210px; font-size: 0.66rem; }
  body:has(#dm-fab) #cookie-banner { bottom: 9rem; }
}