/* LiveCue's background on the signed-in pages (4 Nov 2026, batch L2): "Aurora". Soft purple and violet light drifting
   slowly in the top corners, a faint teal glow lower down, a dot texture under the top bar that fades away, dark below.
   With a mouse: a soft light follows the cursor, the dots light up around it like a torch, and the two big glows lean a
   little toward it (aurora.js). Cards brighten their edge under the mouse.
   Moving by default; still for people who ask their computer for less motion, and on the Live app during a call unless
   the Look switch is on Vivid. Never in the extension's side panel. */
html.lc-au{background:#09080F}
html.lc-au body{background:transparent}
.lc-aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#0D0B18 0%,#09080F 55%,#08070D 100%);contain:strict}
.lc-aurora i{position:absolute;display:block;border-radius:50%;will-change:transform}
.lc-aurora .au1{left:-16vmax;top:-30vmax;width:74vmax;height:74vmax;background:radial-gradient(circle,rgba(108,97,229,.5),rgba(108,97,229,0) 62%);translate:var(--lc-p1x,0px) var(--lc-p1y,0px);transition:translate .8s cubic-bezier(.2,.8,.2,1);animation:lc-au-a 26s ease-in-out infinite alternate}
.lc-aurora .au2{right:-22vmax;top:-34vmax;width:72vmax;height:72vmax;background:radial-gradient(circle,rgba(168,85,247,.34),rgba(168,85,247,0) 60%);translate:var(--lc-p2x,0px) var(--lc-p2y,0px);transition:translate .8s cubic-bezier(.2,.8,.2,1);animation:lc-au-b 32s ease-in-out infinite alternate}
.lc-aurora .au3{left:18vw;top:38vh;width:62vmax;height:62vmax;background:radial-gradient(circle,rgba(47,157,181,.13),rgba(47,157,181,0) 60%);animation:lc-au-c 38s ease-in-out infinite alternate}
.lc-aurora .au-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.085) 1px,transparent 1.4px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 75% 60% at 50% 0%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse 75% 60% at 50% 0%,#000 20%,transparent 72%)}
/* The cursor's light, and the dots it lights up (a small box that moves with the cursor, its dots kept on the grid). */
.lc-aurora .au-glow{left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;background:radial-gradient(circle,rgba(139,130,240,.2),rgba(139,130,240,0) 65%);transform:translate3d(var(--lc-x,-999px),var(--lc-y,-999px),0);opacity:var(--lc-on,0);transition:opacity .5s ease}
.lc-aurora .au-torch{position:absolute;left:0;top:0;width:380px;height:380px;margin:-190px 0 0 -190px;background-image:radial-gradient(rgba(201,196,255,.6) 1px,transparent 1.5px);background-size:28px 28px;background-position:calc(190px - var(--lc-x,0px)) calc(190px - var(--lc-y,0px));-webkit-mask-image:radial-gradient(circle 190px at 50% 50%,#000 0%,transparent 75%);mask-image:radial-gradient(circle 190px at 50% 50%,#000 0%,transparent 75%);transform:translate3d(var(--lc-x,-999px),var(--lc-y,-999px),0);opacity:var(--lc-on,0);transition:opacity .5s ease;will-change:transform}
@keyframes lc-au-a{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(9vw,7vh,0) scale(1.14)}100%{transform:translate3d(-5vw,12vh,0) scale(.94)}}
@keyframes lc-au-b{0%{transform:translate3d(0,0,0) scale(1.05)}50%{transform:translate3d(-10vw,9vh,0) scale(.92)}100%{transform:translate3d(4vw,-4vh,0) scale(1.12)}}
@keyframes lc-au-c{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-12vw,-8vh,0) scale(1.2)}}
/* Still: the light stays where it is (a call in Lite, or a hidden tab). */
.lc-aurora.still i{animation-play-state:paused}
.lc-aurora.still .au-glow,.lc-aurora.still .au-torch{opacity:0}
@media (prefers-reduced-motion:reduce){
  .lc-aurora .au1,.lc-aurora .au2,.lc-aurora .au3{animation:none;transition:none}
  .lc-aurora .au-glow,.lc-aurora .au-torch{display:none}
}

/* Cards under the mouse: the edge brightens, and the smaller ones lift a little. */
@media (hover:hover) and (pointer:fine){
  html.lc-au-cards .panel,html.lc-au-cards .stat,html.lc-au-cards .start-card{transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
  html.lc-au-cards .stat:hover,html.lc-au-cards .start-card:hover{border-color:rgba(139,130,240,.4);box-shadow:0 0 0 1px rgba(139,130,240,.16),0 18px 50px rgba(108,97,229,.22);transform:translateY(-2px)}
  html.lc-au-cards .panel:hover{border-color:rgba(139,130,240,.3);box-shadow:0 0 0 1px rgba(139,130,240,.1),0 14px 40px rgba(108,97,229,.16)}
}
@media (prefers-reduced-motion:reduce){html.lc-au-cards .stat:hover,html.lc-au-cards .start-card:hover{transform:none}}