/* Scattered, stable positions: decorative only, no JavaScript or moving targets. */
body { position: relative; isolation: isolate; }
.beaver-scatter { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; user-select: none; }
.beaver-scatter img { position: absolute; display: block; width: clamp(90px, 13vw, 180px); height: auto; opacity: .16; }
.beaver-scatter img:nth-child(1) { left: -28px; top: 14%; transform: rotate(-17deg); }
.beaver-scatter img:nth-child(2) { right: -32px; top: 32%; transform: rotate(14deg) scaleX(-1); }
.beaver-scatter img:nth-child(3) { left: 3%; bottom: 12%; transform: rotate(9deg); }
.beaver-scatter img:nth-child(4) { right: 5%; bottom: -16px; transform: rotate(-12deg); }
.beaver-scatter img:nth-child(5) { right: 22%; top: -28px; transform: rotate(19deg); opacity: .10; }
/* Opaque reading surfaces keep decorations away from sensitive form/code text. */
main.page { background: var(--paper); }
.account-login-card, .account-login-panel > h1 { background: var(--paper); }
.error-beaver { display: block; width: min(240px, 70%); height: auto; margin: 20px auto; opacity: .55; }
@media (max-width: 760px) {
  .beaver-scatter img { width: 90px; opacity: .10; }
  .beaver-scatter img:nth-child(3), .beaver-scatter img:nth-child(5) { display: none; }
}
@media print { .beaver-scatter, .error-beaver { display: none; } }
:root[data-theme="dark"] .beaver-scatter img { opacity: .10; }
:root[data-theme="dark"] .error-beaver { opacity: .40; }
:root[data-theme="dark"] .account-login-card, :root[data-theme="dark"] .account-login-panel > h1 { background: var(--paper); }