.cookie-panel {
  position: fixed;
  z-index: 30;
  inset-inline: auto max(14px, env(safe-area-inset-right));
  inset-block-end: max(14px, env(safe-area-inset-bottom));
  width: min(440px, calc(100% - 28px));
  max-height: calc(100dvh - 28px);
  overflow: auto;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 10px 24px 10px 10px;
  background: var(--paper);
  color: var(--ink);
  box-shadow: 0 12px 38px #3e172536;
}
.cookie-panel[hidden], .cookie-reset[hidden] { display: none; }
.cookie-panel h2 { margin: 0; font-size: 1.22rem; letter-spacing: -.025em; }
.cookie-panel p { margin: 7px 0 12px; color: var(--muted); font-size: .9rem; line-height: 1.45; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: center; }
.cookie-actions a, .cookie-reset {
  border: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: .88rem;
  text-decoration: underline;
  padding: 8px 0;
}
.cookie-reset { cursor: pointer; }
