/* La foto conserva su detalle; el cristal se aplica solo a los controles. */
.beach-page { background:#247b83 }
.beach-page .wallpaper { background:#247b83 }
.beach-photo,.beach-water {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.beach-water { opacity:0; transition:opacity .9s }
.beach-water.ready { opacity:1 }
.beach-page .wallpaper-wash {
  background:linear-gradient(110deg,rgba(10,31,37,.47),rgba(7,40,50,.29) 58%,rgba(8,41,50,.24));
}
.beach-page .app-name { text-shadow:0 1px 4px #071f337a,0 1px 12px #071f3340 }
.beach-page .section-heading,.beach-page .dock-heading,.beach-page .footer-line { text-shadow:0 1px 8px #092f4659 }
[data-theme="light"] .beach-page .wallpaper-wash {
  background:linear-gradient(110deg,rgba(248,248,239,.47),rgba(234,250,245,.28) 58%,rgba(239,252,248,.23));
}
[data-theme="light"] .beach-page .app-name,
[data-theme="light"] .beach-page .section-heading,
[data-theme="light"] .beach-page .dock-heading,
[data-theme="light"] .beach-page .footer-line { text-shadow:0 1px 8px #f0ffff90 }
#water-toggle { flex-shrink:0 }
#water-toggle:disabled { opacity:.5 }
@media (prefers-reduced-motion:reduce) { .beach-water { transition:none } }