.cookie-banner[hidden], .cookie-settings[hidden] { display: none; }
.cookie-banner {
  position: fixed;
  z-index: 110;
  inset: auto 16px max(16px, env(safe-area-inset-bottom));
  margin-inline: auto;
  max-width: 680px;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: clamp(20px, 4vw, 28px);
  border: 1px solid var(--separator);
  border-radius: var(--radius);
  background: var(--surface-raised);
  color: var(--text);
  box-shadow: 0 8px 40px #0008;
}
.cookie-banner h2 { font-size: 1.125rem; margin-bottom: 8px; }
.cookie-banner p { color: var(--text-2); font-size: .9375rem; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.cookie-actions .btn { flex: 1 1 180px; }
.cookie-settings {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: start;
  text-decoration: underline;
  text-underline-offset: .2em;
  cursor: pointer;
}