/* One material for all native and embedded windows, including portalled dialogs. */
:root,:host {
 --frost-base:#08130e;
 --frost-backdrop:radial-gradient(ellipse at 12% 18%,rgba(57,255,78,.27),transparent 42%),radial-gradient(ellipse at 84% 62%,rgba(180,213,191,.24),transparent 40%),radial-gradient(ellipse at 45% 100%,rgba(44,123,69,.24),transparent 46%),linear-gradient(135deg,#07110b,#223c2b 52%,#09120d);
 --frost-panel:rgba(13,27,19,.32);
 --frost-chrome:rgba(11,25,17,.56);
 --frost-border:rgba(206,244,218,.3);
 --frost-shine:rgba(231,255,239,.28);
 --frost-shadow:0 16px 42px rgba(0,0,0,.2),0 2px 5px rgba(0,0,0,.1);
 --glass-reflection:linear-gradient(130deg,rgba(236,255,242,.13),rgba(236,255,242,.025) 38%,rgba(236,255,242,.015) 66%,rgba(236,255,242,.08));
 --glass-text:#eef4ef;
 --glass-muted:#bfcfc4;
 --app-card:var(--frost-panel);--app-card-alpha:var(--frost-panel);--app-surface-alpha:var(--frost-panel);--app-surface-overlay:var(--frost-chrome);
}
:root[data-theme="light"] {
 --frost-base:#dce8df;
 --frost-backdrop:radial-gradient(ellipse at 10% 12%,rgba(255,255,255,.98),transparent 40%),radial-gradient(ellipse at 87% 53%,rgba(142,187,155,.4),transparent 39%),radial-gradient(ellipse at 37% 94%,rgba(255,255,255,.96),transparent 45%),linear-gradient(135deg,#c9dcd0,#f0f6f2 48%,#c3d6c8);
 --frost-panel:rgba(255,255,255,.26);
 --frost-chrome:rgba(255,255,255,.48);
 --frost-border:rgba(255,255,255,.78);
 --frost-shine:rgba(255,255,255,.96);
 --frost-shadow:0 16px 42px rgba(27,65,39,.13),0 2px 5px rgba(27,65,39,.06);
 --glass-reflection:linear-gradient(130deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 40%,rgba(255,255,255,.02) 64%,rgba(255,255,255,.22));
 --glass-text:#000;--glass-muted:#000;
}
:host([data-theme="light"]) {
 --frost-panel:rgba(255,255,255,.26);--frost-chrome:rgba(255,255,255,.48);--frost-border:rgba(255,255,255,.78);--frost-shine:rgba(255,255,255,.96);
 --frost-shadow:0 16px 42px rgba(27,65,39,.13),0 2px 5px rgba(27,65,39,.06);
 --glass-reflection:linear-gradient(130deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 40%,rgba(255,255,255,.02) 64%,rgba(255,255,255,.22));
 --glass-text:#000;--glass-muted:#000;
}

:root[data-theme] body :is(.glass-card,.glass-surface,.glass-nav,.card,.public-feature,.public-preview,.public-price,.auth-card,.profile-card,.library-panel,.public-card,.account-menu,.detail,.mini-dialog,.playerbar,.topbar,.ll-pad,.ll-transport,.ll-sessions,.set-generator,.studio-command,.studio-source,.studio-mixer,.studio-channel,.studio-suggestion,.daw-browser,.daw-channel-column,.daw-fx-rack,.daw-channel-header,.daw-knob-bank,.daw-master-rack,.daw-fader-row,.daw-transport,.daw-project,.daw-mixer,.remix-comment,.transition-note,.contest-hero form,.remix-channel-board,.remix-deck,.remix-mixer-core,.dj-mixer-console,.app-window-page section,.app-window-page table,.pack-card,.contest-card,.community-card,.upload-box,.bulk-drop,#bulk-upload,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper] > div),
:root[data-theme] body :is(div,section,article,aside,header,footer,nav,form,fieldset,table,dialog,details,ul):is([class*="bg-white"],[class*="bg-black"],[class*="bg-gray-"],[class*="bg-neutral-"],[class*="bg-zinc-"],[class*="bg-slate-"],[class*="bg-stone-"],[class*="bg-background"],[class*="bg-card"],[class*="bg-popover"],[class*="bg-muted"],[class*="bg-[#151414]"],[style*="var(--frost-panel)"]),
:root[data-theme] #root :is(.glass-card,.glass-surface,.glass-nav,.card,.public-feature,.public-preview,.public-price,.auth-card,.profile-card,.library-panel,.public-card,.account-menu,.detail,.mini-dialog,.playerbar,.topbar,.ll-pad,.ll-transport,.ll-sessions,.set-generator,.studio-command,.studio-source,.studio-mixer,.studio-channel,.studio-suggestion,.daw-browser,.daw-channel-column,.daw-fx-rack,.daw-channel-header,.daw-knob-bank,.daw-master-rack,.daw-fader-row,.daw-transport,.daw-project,.daw-mixer,.remix-comment,.transition-note,.contest-hero form,.remix-channel-board,.remix-deck,.remix-mixer-core,.dj-mixer-console,.app-window-page section,.app-window-page table,.pack-card,.contest-card,.community-card,.upload-box,.bulk-drop,#bulk-upload,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper] > div),
:root[data-theme] #root :is(div,section,article,aside,header,footer,nav,form,fieldset,table,dialog,details,ul):is([class*="bg-white"],[class*="bg-black"],[class*="bg-gray-"],[class*="bg-neutral-"],[class*="bg-zinc-"],[class*="bg-slate-"],[class*="bg-stone-"],[class*="bg-background"],[class*="bg-card"],[class*="bg-popover"],[class*="bg-muted"],[class*="bg-[#151414]"],[style*="var(--frost-panel)"]),
#vault-tool-content :is(.glass-card,.glass-surface,.glass-nav,.card,.public-feature,.public-preview,.public-price,.auth-card,.profile-card,.library-panel,.public-card,.account-menu,.detail,.mini-dialog,.playerbar,.topbar,.ll-pad,.ll-transport,.ll-sessions,.set-generator,.studio-command,.studio-source,.studio-mixer,.studio-channel,.studio-suggestion,.daw-browser,.daw-channel-column,.daw-fx-rack,.daw-channel-header,.daw-knob-bank,.daw-master-rack,.daw-fader-row,.daw-transport,.daw-project,.daw-mixer,.remix-comment,.transition-note,.contest-hero form,.remix-channel-board,.remix-deck,.remix-mixer-core,.dj-mixer-console,.app-window-page section,.app-window-page table,.pack-card,.contest-card,.community-card,.upload-box,.bulk-drop,#bulk-upload,[role="dialog"],[role="alertdialog"],[data-radix-popper-content-wrapper] > div),
#vault-tool-content :is(div,section,article,aside,header,footer,nav,form,fieldset,table,dialog,details,ul):is([class*="bg-white"],[class*="bg-black"],[class*="bg-gray-"],[class*="bg-neutral-"],[class*="bg-zinc-"],[class*="bg-slate-"],[class*="bg-stone-"],[class*="bg-background"],[class*="bg-card"],[class*="bg-popover"],[class*="bg-muted"],[class*="bg-[#151414]"],[style*="var(--frost-panel)"]) {
 background-color:var(--frost-panel)!important;
 background-image:var(--glass-reflection)!important;
 border-color:var(--frost-border)!important;
 box-shadow:inset 0 1px 0 var(--frost-shine),inset 1px 0 0 var(--frost-shine),var(--frost-shadow)!important;
 backdrop-filter:blur(28px) saturate(145%)!important;
 -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
}
:root[data-theme] body :is(.topbar,.playerbar,.account-menu,dialog,[role="dialog"],[role="alertdialog"]),
:root[data-theme] #root :is(.glass-nav,[role="dialog"],[role="alertdialog"]),
#vault-tool-content :is(.glass-nav,[role="dialog"],[role="alertdialog"]) {background-color:var(--frost-chrome)!important}
/* Avoid repeated opaque layers inside an already frosted window. */
:root[data-theme] body :is(.app-window-page,.min-h-screen,.vault-layout,thead,tbody,tr,th,td,.card .body,.vault-track-info),
:root[data-theme] #root :is(.app-window-page,.min-h-screen,.vault-layout,thead,tbody,tr,th,td,.vault-track-info),
#vault-tool-content :is(.app-window-page,.min-h-screen,thead,tbody,tr,th,td,.vault-track-info) {
 background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
:root[data-theme] #root :is(p,label,li,td,th,.text-muted-foreground),
#vault-tool-content :is(p,label,li,td,th,.text-muted-foreground) {color:var(--glass-muted)!important}
:root[data-theme] #root :is(h1,h2,h3,h4),#vault-tool-content :is(h1,h2,h3,h4) {color:var(--glass-text)!important}
:root[data-theme] body dialog::backdrop {background:rgba(7,18,11,.24);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
@media(max-width:720px){
 :root[data-theme] body :is(.card,.ll-pad),#vault-tool-content .glass-card {backdrop-filter:blur(14px) saturate(125%)!important;-webkit-backdrop-filter:blur(14px) saturate(125%)!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :root,:host {--frost-panel:rgba(13,27,19,.7);--frost-chrome:rgba(11,25,17,.85)}
 :root[data-theme="light"] {--frost-panel:rgba(255,255,255,.66);--frost-chrome:rgba(255,255,255,.85)}
 :host([data-theme="light"]) {--frost-panel:rgba(255,255,255,.66);--frost-chrome:rgba(255,255,255,.85)}
}

/* The application root must not cover the backdrop with an opaque paint layer. */
:root[data-theme] body #root, #vault-tool-content {background:transparent!important}
:root[data-theme] body :is(.glass-card,.glass-surface,[role="dialog"])::after,
#vault-tool-content :is(.glass-card,.glass-surface,[role="dialog"])::after {background:none!important;opacity:0!important}

/* Beat legacy all-white input selectors that also included the page body. */
html:root[data-theme][data-theme][data-theme][data-theme] body {
 background-color:var(--frost-base)!important;background-image:var(--frost-backdrop)!important;background-size:cover!important;background-attachment:fixed;
}