/* Technical milk-glass background shared by every route and theme. */
:root,:host {
 --vault-scene:url('/backgrounds/vault-circuit-night-v2.webp');
 --frost-base:#161e1b;
 --scene-filter:brightness(1) saturate(1);
 --frost-backdrop:var(--vault-scene);
 --app-bg-image:var(--vault-scene);
}
:root[data-theme="light"],:host([data-theme="light"]) {
 --vault-scene:url('/backgrounds/vault-circuit-day-v2.webp');
 --frost-base:#edf1ef;
 --scene-filter:brightness(1) saturate(1);
 --frost-backdrop:var(--vault-scene);
 --app-bg-image:var(--vault-scene);
}
html:root[data-theme][data-theme][data-theme][data-theme] body {
 isolation:isolate;
 min-height:100vh;
 background-color:var(--frost-base)!important;
 background-image:none!important;
}
/* A fixed layer avoids iOS background-attachment jumps and tall-page stretching. */
html:root[data-theme][data-theme][data-theme][data-theme] body::before {
 content:"";display:block!important;
 position:fixed;inset:0;z-index:-1;
 width:100%;height:100%;
 background:var(--vault-scene) center center / cover no-repeat!important;
 opacity:1!important;filter:none!important;transform:none!important;
 mix-blend-mode:normal!important;animation:none!important;
 pointer-events:none;
}
html:root[data-theme][data-theme] body :is(.auth-screen,.shared-screen,.vault-layout,.app-window-page,#root,#website-tools-root,#website-daw-root) {
 background:transparent!important;
}
html:root[data-theme][data-theme] .vault-layout>main {
 background:transparent!important;
}
:host([data-theme]) {background:transparent!important;}

/* Phone artwork keeps the circuit network visible without cropping a landscape. */
@media(max-width:820px) and (orientation:portrait){
 :root,:host {--vault-scene:url('/backgrounds/vault-circuit-mobile-night.webp')}
 :root[data-theme="light"],:host([data-theme="light"]) {--vault-scene:url('/backgrounds/vault-circuit-mobile-day.webp')}
}