.unlisted-access-dialog {
  box-sizing: border-box;
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  padding: 28px;
  border: 1px solid #ffffff26;
  border-radius: 22px;
  background: #191928;
  color: #fff6e3;
  box-shadow: 0 24px 80px #0008;
  font: 16px/1.5 system-ui, sans-serif;
}
.unlisted-access-dialog::backdrop { background: #080811c9; }
.unlisted-access-dialog h2 { margin: 0 0 12px; font-size: 28px; }
.unlisted-access-dialog p { margin: 0 0 18px; }
.unlisted-access-dialog .unlisted-access-eyebrow { color: #ff9a54; font-size: 12px; font-weight: 800; letter-spacing: .18em; margin-bottom: 8px; }
.unlisted-access-dialog label { display: block; margin-bottom: 8px; font-weight: 600; }
.unlisted-access-dialog input { box-sizing: border-box; width: 100%; padding: 12px; border: 1px solid #ffffff50; border-radius: 10px; background: #0d0d19; color: #fff; font: inherit; }
.unlisted-access-dialog input:focus-visible, .unlisted-access-dialog button:focus-visible, .unlisted-access-dialog a:focus-visible { outline: 3px solid #ffa660; outline-offset: 3px; }
.unlisted-access-dialog .unlisted-access-status { min-height: 3em; margin: 12px 0; color: #ddd2e2; font-size: 14px; }
.unlisted-access-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.unlisted-access-actions button { padding: 12px 20px; border: 0; border-radius: 30px; background: linear-gradient(120deg, #ff9b4c, #ff5b8d); color: #23111b; font: inherit; font-weight: 750; cursor: pointer; }
.unlisted-access-actions button:disabled { opacity: .55; cursor: wait; }
.unlisted-access-actions a { color: #eee0f0; font-size: 14px; }