.cookie-notice {
  position: fixed;
  z-index: 20;
  inset-inline-end: max(12px, env(safe-area-inset-right));
  inset-block-end: max(12px, env(safe-area-inset-bottom));
  width: min(360px, calc(100% - 24px));
  padding: 14px 16px;
  border: 1px solid #08090c;
  background: #f3f0e8;
  color: #08090c;
  box-shadow: 3px 3px 0 #08090c;
  font: 14px/1.45 'IBM Plex Mono', monospace;
}

.cookie-notice[hidden] { display: none; }
.cookie-notice h2 { margin: 0; font: inherit; font-weight: 700; }
.cookie-notice p { margin: 6px 0 10px; }
.cookie-notice-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.cookie-notice-actions a { color: #0739ff; text-decoration: underline; }
.cookie-notice-actions button {
  min-height: 44px;
  padding: 6px 12px;
  border: 1px solid #0739ff;
  background: #0739ff;
  color: white;
  font: inherit;
  cursor: pointer;
}
.cookie-notice-actions :focus-visible { outline: 2px solid #08090c; outline-offset: 3px; }