.app-root.ambient-background-host{position:relative;isolation:isolate}
.ambient-background-text-layer{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;contain:layout paint}
.ambient-text-cloud{position:absolute;box-sizing:border-box;width:max-content;max-width:min(290px,32vw);padding:22px 25px;border:1px solid currentColor;border-radius:48% 52% 44% 56% / 55% 45% 55% 45%;color:#d8eaff;background:rgba(110,165,230,.16);text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(14px,1.45vw,22px);font-weight:650;line-height:1.4;overflow-wrap:anywhere;transform-origin:center;animation:ambient-cloud-pop var(--cloud-duration,8s) ease-in-out forwards}
@keyframes ambient-cloud-pop{
 0%{opacity:0;transform:scale(.35) translateY(12px)}
 14%{opacity:var(--ambient-opacity,.055);transform:scale(1) translateY(0)}
 75%{opacity:var(--ambient-opacity,.055);transform:scale(1.04) translateY(-8px)}
 86%{opacity:var(--ambient-opacity,.055);transform:scale(.93) translateY(-8px)}
 94%{opacity:calc(var(--ambient-opacity,.055) * 1.5);transform:scale(1.18) translateY(-8px)}
 100%{opacity:0;transform:scale(1.38) translateY(-8px)}
}
html[data-site-theme="day"] .ambient-text-cloud{color:#245d78;background:rgba(75,150,170,.13);--ambient-opacity:.2}
@media(max-width:700px){.ambient-text-cloud{max-width:42vw;padding:16px 18px;font-size:14px}}
.ambient-text-cloud.is-static{animation:none;opacity:var(--ambient-opacity,.055)}
@media(prefers-reduced-motion:reduce){.ambient-text-cloud{animation:none;opacity:var(--ambient-opacity,.055)}}

.ambient-text-cloud:not(.is-static){left:clamp(8px,var(--cloud-x,15%),calc(100% - min(290px,42vw) - 8px));top:clamp(12px,var(--cloud-y,25%),calc(100% - 180px))}
