.portal-secret {
  overflow-wrap: anywhere;
  padding: 13px;
  border: 1px solid var(--portal-line);
  border-radius: 11px;
  color: #f3f1ff;
  background: var(--portal-night);
}
.portal-monospace {
  font: 700 13px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .04em;
}
.portal-details { margin: 0 0 18px; color: var(--portal-muted); font-size: 12px; }
.portal-details summary { color: var(--portal-ink); font-weight: 800; cursor: pointer; }
.portal-details .portal-code { margin-top: 10px; }
.portal-recovery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 20px; }

@media (max-width: 600px) {
  .portal-recovery-grid { grid-template-columns: 1fr; }
}

@media print {
  .portal-top,
  .portal-footer,
  .portal-actions { display: none !important; }
  .portal-main { padding: 20px 0; border: 0; box-shadow: none; }
  .portal-secret { color: #000; background: #fff; border-color: #bbb; }
  .portal h1,
  .portal p { color: #000; }
  body.portal { background: #fff; }
}