/* The Book screen's living background and glass, carried to the sign-in, keep, Your books and All pictures screens.
   Values copied from book.css: .wash i (the wash layers) and .nav (the glass: fill, blur, glint, shadow).
   As on the Book screen, words sit straight on the wash in ink and only real containers are glass. */
:root {
  --wash-card: rgba(255,252,246,.86); --wash-glint: rgba(255,255,255,.7); --wash-shade: rgba(42,38,34,.16);
  --wash-blur: blur(18px) saturate(1.3); --wash-lift: 0 1px 0 var(--wash-glint) inset, 0 14px 34px var(--wash-shade);
}
.wash { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.wash i { position: absolute; inset: -60px; background: center/cover no-repeat; filter: blur(46px) saturate(1.25); opacity: 0; transition: opacity 1.6s; }
.wash i.on { opacity: .5; }
.glass { background: var(--wash-card); backdrop-filter: var(--wash-blur); -webkit-backdrop-filter: var(--wash-blur); box-shadow: var(--wash-lift); }