/* Startup-only decoration; original transparent brand PNG and normal theme stay unchanged. */
html body #app-startup,html body .app-boot-card-runtime{background:#ffd9e1!important;color:#29272d;z-index:40}
html body #app-startup{z-index:45;opacity:1;transition:opacity 160ms ease-out}
html body #app-startup.is-ready{opacity:0;pointer-events:none}
html body #app-startup>.app-boot-card{position:static;width:100%;max-width:none;height:100%;margin:0;padding:0;display:block}
html body #app-startup .app-boot-logo,html body .app-boot-card-runtime .app-boot-logo{position:absolute;left:50%;top:50%;width:min(55vw,220px);height:min(55vw,220px);margin:0;transform:translate(-50%,-50%)}
html body #app-startup .startup-mark{position:absolute;inset:0;transform-origin:50% 82%;animation:tx-startup-bounce 1500ms linear infinite}
html body #app-startup .startup-mark img,html body .app-boot-card-runtime .app-boot-logo img{animation:none!important;transform:none!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;opacity:1!important}
html body #app-startup .startup-eye-mask{position:absolute;left:72.935156%;top:41.782812%;width:11.453906%;height:11.453906%;border-radius:50%;background:#fff;opacity:0;animation:tx-startup-mask 1500ms linear infinite}
html body #app-startup .startup-eye-open{position:absolute;left:73.535156%;top:42.382812%;width:10.253906%;height:10.253906%;border-radius:50%;background:#171719;transform-origin:50% 50%;opacity:0;animation:tx-startup-eye 1500ms linear infinite}
html body #app-startup .startup-eye-smile{position:absolute;left:73.535156%;top:45.361988%;width:10.253906%;height:8.036845%;border-radius:55% 55% 0 0;border-top:3px solid #171719;transform:rotate(-6deg);opacity:0;animation:tx-startup-smile 1500ms linear infinite}
html body #app-startup .startup-cheek{position:absolute;left:63.419816%;top:52.844568%;width:10.392473%;height:5.542652%;border-radius:50%;background:#f8a3bd;opacity:0;animation:tx-startup-cheek 1500ms linear infinite}
html body #app-startup .app-boot-feedback{position:absolute;width:auto;box-sizing:border-box;left:20px;right:20px;top:calc(50% + 138px);bottom:max(20px,env(safe-area-inset-bottom,0px));max-width:420px;margin:0 auto;overflow:auto;visibility:hidden;color:#51434b}
html body #app-startup .app-boot-feedback h1{font-size:22px;margin-bottom:12px}
html body #app-startup .app-boot-feedback p{color:#69545e}
html body #app-startup.has-feedback .app-boot-feedback{visibility:visible}
html body #app-startup:not(.has-feedback) .app-boot-feedback{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
html body #app-startup.is-ready .startup-mark,html body #app-startup.is-failed .startup-mark,html body #app-startup[data-startup-paused=true] .startup-mark{animation:none!important;transform:none!important}
html body #app-startup:is(.is-ready,.is-failed) .startup-decoration,html body #app-startup[data-startup-paused=true] .startup-decoration{animation:none!important;opacity:0!important}
@keyframes tx-startup-bounce{0%,100%{transform:none}12%{transform:translateY(3px) scale(1.07,.91);animation-timing-function:cubic-bezier(.15,.65,.3,1)}32%{transform:translateY(-25px) rotate(-3deg) scale(.96,1.04);animation-timing-function:cubic-bezier(.45,0,.8,.5)}51%{transform:translateY(0) rotate(1.5deg) scale(1.08,.92);animation-timing-function:cubic-bezier(.1,.7,.35,1)}67%{transform:translateY(-8px) rotate(-1deg) scale(.98,1.03)}81%{transform:translateY(0) scale(1.025,.975)}94%{transform:none}}
@keyframes tx-startup-mask{0%,21%,72%,100%{opacity:0}22%,71%{opacity:1}}
@keyframes tx-startup-eye{0%,28%,56%,72%,100%{opacity:0;transform:scaleY(.06)}22%,64%,71%{opacity:1;transform:scaleY(1)}}
@keyframes tx-startup-smile{0%,26.5%,59%,100%{opacity:0}29%,55%{opacity:1}}
@keyframes tx-startup-cheek{0%,23%,73%,100%{opacity:0}34%,55%{opacity:.66}}
@media(max-height:500px){html body #app-startup.has-feedback .app-boot-logo{top:25%;width:96px;height:96px}html body #app-startup.has-feedback .app-boot-feedback{top:calc(25% + 66px)}html body #app-startup .app-boot-feedback h1{display:none}}
@media(prefers-reduced-motion:reduce){html body #app-startup{transition:none}html body #app-startup .startup-mark{animation:none!important;transform:none!important}html body #app-startup .startup-decoration{animation:none!important;opacity:0!important}}

/* Never animate a detached eye or cheek before the immutable image is available. */
html body #app-startup:not([data-startup-logo-ready=true]) .startup-mark{animation:none!important;transform:none!important}
html body #app-startup:not([data-startup-logo-ready=true]) .startup-decoration{animation:none!important;opacity:0!important}