/* One calm decorative layer for every Volt-Klar surface outside administration. */
body:has(> .volt-calm-background) { position:relative; isolation:isolate; }
.volt-calm-background {
  position:absolute; inset:0; z-index:-1; pointer-events:none; user-select:none;
  overflow:hidden; contain:paint;
  background:radial-gradient(ellipse 70% 650px at 80% 10%,#c0a1e805,transparent 80%);
}
.volt-calm-background__art {
  position:absolute; inset:-8px 0;
  background:url('/volt-calm-background.svg') center top / 1600px 1200px repeat-y;
  opacity:.78;
  mask-image:linear-gradient(transparent,#000 120px,#000 calc(100% - 120px),transparent);
  animation:volt-calm-drift 48s ease-in-out infinite alternate;
}
@keyframes volt-calm-drift {
  from { transform:translateY(-3px); }
  to { transform:translateY(3px); }
}
@media(min-width:1600px) {
  .volt-calm-background__art { background-size:100% auto; }
}
@media(max-width:760px) {
  .volt-calm-background__art { background-size:900px 675px; background-position:28% top; opacity:.6; }
}
@media(prefers-reduced-motion:reduce) {
  .volt-calm-background__art { animation:none; transform:none; }
}
/* Administration has the same quiet solid canvas as Kälte-Klar. */
body:has(.kk-admin-studio) > .volt-calm-background { display:none; }