/* Shared by the first document paint and the Angular loading component. */
.constare-boot{position:fixed;inset:0;display:flex}
.constare-splash{--splash-bg:#F6F3EE;--splash-ink:#22262B;--splash-muted:#6A6F76;--splash-accent:#0A7A68;position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 24px calc(60px + env(safe-area-inset-bottom));box-sizing:border-box;isolation:isolate;overflow:hidden;background:var(--cs-bg,var(--splash-bg));color:var(--cs-ink,var(--splash-ink));font-family:Inter,system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .constare-splash{--splash-bg:#151A1F;--splash-ink:#ECE6DD;--splash-muted:#9BA2A9;--splash-accent:#46D3B4}}
:root[data-theme="dark"] .constare-splash{--splash-bg:#151A1F;--splash-ink:#ECE6DD;--splash-muted:#9BA2A9;--splash-accent:#46D3B4}
.constare-splash::before{content:'';position:absolute;left:50%;top:42%;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cs-accent,var(--splash-accent)) 12%,transparent),transparent);pointer-events:none;z-index:-1}
.constare-splash .simbolo{position:relative;width:132px;height:132px;overflow:visible;flex:none}
.constare-splash .petala{fill:var(--cs-ink,var(--splash-ink));stroke:var(--cs-ink,var(--splash-ink));stroke-width:7;stroke-linejoin:round;transform-box:view-box;transform-origin:100px 100px;opacity:.14;animation:constare-petala 2.6s cubic-bezier(.2,.8,.2,1) calc(var(--i) * .13s) infinite}
.constare-splash .petala.hoje{fill:var(--cs-accent,var(--splash-accent));stroke:var(--cs-accent,var(--splash-accent))}
.constare-splash .centro{fill:var(--cs-ink,var(--splash-ink));transform-box:view-box;transform-origin:100px 100px;animation:constare-centro 2.6s ease-in-out infinite}
.constare-splash .marca{position:relative;margin:34px 0 0;display:block;font-size:30px;font-weight:600;letter-spacing:-.04em;white-space:nowrap;line-height:1;animation:constare-marca .9s cubic-bezier(.2,.8,.2,1) .3s both}
.constare-splash .by{position:absolute;left:0;right:0;bottom:calc(40px + env(safe-area-inset-bottom));margin:0;display:flex;align-items:baseline;justify-content:center;gap:5px;color:var(--cs-muted,var(--splash-muted))}
.constare-splash .by i{font-family:'Instrument Serif',Georgia,serif;font-size:15px}
.constare-splash .by b{font-size:13px;font-weight:600}
@keyframes constare-petala{0%{opacity:.14;transform:scale(.86)}18%,58%{opacity:1;transform:scale(1)}82%,100%{opacity:.14;transform:scale(.86)}}
@keyframes constare-centro{0%,100%{transform:scale(.85)}50%{transform:scale(1.1)}}
@keyframes constare-marca{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-height:400px){.constare-splash{padding-bottom:30px}.constare-splash .simbolo{width:96px;height:96px}.constare-splash .marca{margin-top:16px}.constare-splash .by{bottom:calc(12px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.constare-splash .petala,.constare-splash .centro,.constare-splash .marca{animation:none;opacity:1;transform:none}}
