/* Same layer geometry and optical values as the purple Home orb at angelo.so. */
.angelo-orb{position:relative;container-type:size;isolation:isolate;filter:none;transform-origin:50% 50%;animation:angelo-orb-float 6.2s .2s ease-in-out infinite}
.angelo-orb span{display:block;position:absolute}
.angelo-orb-backing{inset:1.5%;border-radius:50%;background:#fff}
.angelo-orb-halo,.angelo-orb-under,.angelo-orb-pool{border-radius:50%;overflow:hidden;pointer-events:none;opacity:var(--orb-glow,.22)}
.angelo-orb-halo{left:-23.5%;top:-20.5%;width:147%;height:147%;mask-image:radial-gradient(50% 50%,transparent 0%,#00000047 50%,transparent 100%)}
.angelo-orb-light{left:-20%;top:-20%;width:140%;height:140%;background:var(--orb-image,url('assets/angelo/purple-orb.webp')) center/cover;filter:blur(13cqw) saturate(215%) brightness(1.06)}
.angelo-orb-face{inset:0;border-radius:50%;overflow:hidden}
.angelo-orb .angelo-orb-fallback,.angelo-orb .angelo-orb-glass,.angelo-orb-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:0;background:transparent!important;object-fit:cover!important;pointer-events:none;user-select:none}
.angelo-orb-glass{mix-blend-mode:screen;z-index:2;opacity:var(--orb-glass,1)}
.angelo-orb-canvas{opacity:0;outline:none}
.angelo-orb[data-ready="true"] .angelo-orb-canvas{opacity:1}
.angelo-orb[data-ready="true"] .angelo-orb-fallback{opacity:0}
.angelo-orb[data-interactive="true"] .angelo-orb-canvas{pointer-events:auto;cursor:pointer;clip-path:circle(50%);touch-action:manipulation}
.angelo-orb:has(.angelo-orb-canvas:focus-visible){outline:2px solid #8263b7;outline-offset:5px;border-radius:50%}
.angelo-orb-under{left:-16%;top:70.5%;width:132%;height:73%;mask-image:radial-gradient(50% 50%,rgba(0,0,0,.14) 0%,rgba(0,0,0,.024) 55%,transparent 100%)}
.angelo-orb-under .angelo-orb-light{background-image:linear-gradient(#ffffff1f,#ffffff1f),var(--orb-image,url('assets/angelo/purple-orb.webp'));filter:blur(2cqw) saturate(215%) brightness(1.06)}
.angelo-orb-pool{left:9%;top:95.5%;width:82%;height:9%;mask-image:radial-gradient(50% 50%,rgba(0,0,0,.16) 0%,rgba(0,0,0,.03) 60%,transparent 100%)}
.angelo-orb-pool .angelo-orb-light{filter:blur(2cqw) saturate(215%) brightness(1.06)}
@keyframes angelo-orb-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8%) scale(1.015)}}
@media(prefers-reduced-motion:reduce){.angelo-orb{animation:none}}