.sign-in-dialog {
  width: min(calc(100% - 2rem), 36rem);
  max-height: calc(100dvh - 2rem);
  padding: 0;
  border: 1px solid rgba(197, 154, 80, 0.5);
  border-radius: var(--radius-lg);
  background: var(--paper-200);
  color: var(--paper-ink);
  box-shadow: var(--shadow);
  overflow: auto;
}
.sign-in-dialog::backdrop { background: rgba(2, 4, 7, 0.82); backdrop-filter: blur(5px); }
.sign-in-dialog__panel { padding: clamp(1.25rem, 5vw, 2rem); }
.sign-in-dialog__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; }
.sign-in-dialog__header h2 { margin: 0.15rem 0 0.35rem; font-family: var(--font-serif); font-size: clamp(2rem, 7vw, 2.7rem); font-weight: 500; line-height: 1; }
.sign-in-dialog__eyebrow { margin: 0; color: #715522; font-family: var(--font-mono); font-size: 0.66rem; font-weight: 750; letter-spacing: 0.13em; text-transform: uppercase; }
.sign-in-dialog__description { max-width: 27rem; margin: 0; color: var(--paper-muted); font-size: 0.86rem; line-height: 1.55; }
.sign-in-dialog__close { display: grid; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; place-items: center; border: 1px solid rgba(23, 26, 31, 0.22); border-radius: 50%; background: transparent; color: var(--paper-ink); cursor: pointer; }
.sign-in-dialog__close:hover { border-color: #806128; background: rgba(128, 97, 40, 0.08); }
.sign-in-dialog .account-gate { max-width: none; }
@media (max-width: 32rem) {
  .sign-in-dialog { width: min(calc(100% - 1rem), 36rem); max-height: calc(100dvh - 1rem); }
}