/* Keep the independently served recovery tool in the wallet's visual style. */
:root {
  color-scheme: dark;
  --bulma-body-background-color: #151310;
  --bulma-body-color: #e5ddd0;
  --bulma-text-strong: #f5f0e8;
  --bulma-scheme-main: #201d18;
  --bulma-scheme-main-bis: #2a251e;
  --bulma-border: #786c59;
  --bulma-primary-h: 38deg;
  --bulma-primary-s: 76%;
  --bulma-primary-l: 63%;
}
body { min-height: 100dvh; background: radial-gradient(ellipse at 70% 0, #322617, transparent 36rem), #151310; }
.recover-page { max-width: 38rem; margin: 0 auto; }
.recover-page > a { display: inline-block; margin-bottom: 2rem; color: #e7c58b; }
.recover-page h1 { font-size: 2rem; letter-spacing: -.04em; }
.recover-page .content, .recover-scope { color: #b5ac9d; line-height: 1.75; }
.recovery-scope { padding: 1rem; margin: 1.5rem 0; border: 1px solid #75613e; border-radius: .75rem; background: #3b2c16; }
.recover-page .input, .recover-page .textarea, .recover-page select { background: #181612; color: #f5f0e8; border-color: #786c59; border-radius: .75rem; }
.recover-page .label { color: #e5ddd0; font-size: .9rem; }
.recover-page .field { margin-bottom: 1.25rem; }
.recover-page .button { border-radius: .75rem; min-height: 3rem; }
.recover-page .button.is-primary { background: #e8b45b; color: #20170b; }
.recover-page details { border: 1px solid #3d372e; border-radius: .75rem; padding: 1rem; margin: 1.5rem 0; }
.recover-page summary { color: #e7c58b; cursor: pointer; }
.recover-page pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #181612; color: #e5ddd0; }
.recover-page .box { background: #201d18; border: 1px solid #3d372e; }
@media (max-width: 480px) { .section { padding: 1.5rem 1rem; } }

.recover-page .button.is-primary:hover { background: #f2c87c; }
.recover-page :focus-visible { outline: 3px solid #e8b45b; outline-offset: 2px; }