.metrics-preferences { min-height: 44px; }
.metrics-consent {
  position: fixed; z-index: 50; right: 1rem; bottom: 1rem; width: min(34rem, calc(100vw - 2rem));
  padding: 1rem; color: var(--ink); background: var(--surface); border: 1px solid var(--ink);
  box-shadow: .35rem .35rem 0 var(--accent-dim); font: var(--fs-sm)/1.5 var(--sans);
}
.metrics-consent p { margin: 0 0 .75rem; }
.metrics-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.metrics-actions button, .metrics-dialog button {
  min-height: 44px; padding: .6rem .85rem; color: var(--ink); background: var(--paper);
  border: 1px solid var(--ink); font: 700 var(--fs-sm)/1 var(--sans); cursor: pointer;
}
.metrics-actions button:hover, .metrics-actions button:focus-visible, .metrics-dialog button:hover, .metrics-dialog button:focus-visible {
  color: var(--accent); border-color: var(--accent); outline: 2px solid var(--accent); outline-offset: 2px;
}
.metrics-dialog {
  width: min(36rem, calc(100vw - 2rem)); margin: auto; padding: 0; color: var(--ink);
  background: var(--surface); border: 1px solid var(--ink); box-shadow: .45rem .45rem 0 var(--accent-dim);
}
.metrics-dialog::backdrop { background: rgba(9, 9, 9, .48); }
.metrics-dialog__inner { display: grid; gap: 1rem; padding: clamp(1.1rem, 4vw, 2rem); }
.metrics-dialog__head { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.metrics-dialog h2 { font: 800 clamp(1.5rem, 5vw, 2.2rem)/1.1 var(--serif); }
.metrics-dialog__head button { flex: none; min-width: 44px; padding: 0; font-size: 1.2rem; }
.metrics-dialog p { margin: 0; line-height: 1.6; }
.metrics-dialog__aggregate, [data-metrics-status] { color: var(--muted); font-size: var(--fs-sm); }
@media (max-width: 480px) {
  .metrics-preferences {
    position: fixed; z-index: 35; right: .5rem; bottom: calc(4.5rem + env(safe-area-inset-bottom));
    min-width: 44px; background: var(--surface);
  }
  .metrics-consent { right: .5rem; bottom: calc(4.5rem + env(safe-area-inset-bottom)); width: calc(100vw - 1rem); }
  .metrics-actions { display: grid; grid-template-columns: 1fr 1fr; }
}