/* Aura: the opening screen's midnight glow as a quiet, stationary workspace.
   Shared glass/controls come from studio-spectacular.css. No loading UI or motion. */
:root[data-style="aura"]{
 --spectre-canvas:#080b17;--aura-glow:15%;--aura-glow-secondary:6%;
 --bg:#0c102066;--panel:#131727a3;--field:#0c102166;--surface-raised:#1c2033cc;
 --line:#c4bce621;--spectre-edge:#d8cdee29;--spectre-highlight:#ffffff05;
 --spectre-chrome:#0b0f1dc7;--spectre-overlay:#141829f5;--spectre-menu:#191d30;
 --spectre-control:#090e1c85;--spectre-shadow:#02040e33;
}
:root[data-style="aura"][data-resolved-theme="light"]{
 --spectre-canvas:#f0eff6;--aura-glow:12%;--aura-glow-secondary:5%;
 --bg:#ffffff40;--panel:#ffffffa3;--field:#ffffff66;--surface-raised:#ffffffcc;
 --line:#534d7429;--spectre-edge:#ffffffbf;--spectre-highlight:#ffffff66;
 --spectre-chrome:#f5f4fac7;--spectre-overlay:#f3f2f9f5;--spectre-menu:#f8f7fc;
 --spectre-control:#ffffff85;--spectre-shadow:#30234f12;
}
:root[data-style="aura"] body{
 background:
 radial-gradient(ellipse 65% 72% at 54% 44%,color-mix(in srgb,var(--accent) var(--aura-glow),transparent),color-mix(in srgb,var(--accent) calc(var(--aura-glow) * .35),transparent) 44%,transparent 78%),
 radial-gradient(ellipse 58% 62% at 70% 66%,color-mix(in srgb,var(--spectre-b) var(--aura-glow-secondary),transparent),transparent 76%),
 radial-gradient(ellipse 50% 58% at 28% 76%,color-mix(in srgb,var(--spectre-a) var(--aura-glow-secondary),transparent),transparent 78%),
 var(--spectre-canvas);
 background-attachment:fixed;
}
:root[data-style="aura"] body::before{
 background-image:linear-gradient(color-mix(in srgb,var(--accent) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 3%,transparent) 1px,transparent 1px);
 background-size:64px 64px;
 mask-image:radial-gradient(ellipse at 54% 48%,#000,transparent 68%);
 -webkit-mask-image:radial-gradient(ellipse at 54% 48%,#000,transparent 68%);
}
:root[data-style="aura"] body main#main::before{
 background-position:left -160px bottom -110px;
 background-size:min(1100px,95vw) auto;opacity:.075;
 mask-image:radial-gradient(ellipse at 28% 66%,#000 18%,transparent 74%);
 -webkit-mask-image:radial-gradient(ellipse at 28% 66%,#000 18%,transparent 74%);
}
.preference-picker__badge[data-style="aura"]{
 background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 24%,transparent),color-mix(in srgb,var(--accent) 4%,transparent) 72%);
 color:var(--accent);
}
@media(max-width:760px){
 :root[data-style="aura"]{--aura-glow:12%;--aura-glow-secondary:4%}
 :root[data-style="aura"] body main#main::before{background-size:680px auto;background-position:left -210px bottom -50px;opacity:.05}
}
@media(forced-colors:active),print{
 :root[data-style="aura"] body::before,:root[data-style="aura"] body main#main::before{display:none}
}