.art.flow-scene{min-height:550px;display:block;isolation:isolate;overflow:clip;background:transparent;border:0;border-radius:0;box-shadow:none}
.flow-scene:before,.flow-scene:after,.flow-top,.flow-orbit-label{display:none}
.flow-depth{position:absolute;inset:6px -18px 46px;overflow:visible}
.mascot-svg{display:block;width:100%;height:100%;overflow:visible}
.mascot-fallback{display:block;width:100%;height:100%;object-fit:contain}
.mascot-float{animation:mascot-float 7s ease-in-out infinite;transform-origin:573px 720px}
.mascot-ribbon-bloom,.mascot-ribbon-flow,.mascot-ribbon-glint{stroke-linecap:round;stroke:url(#mascot-ribbon-light);animation:mascot-stream var(--ribbon-duration) linear infinite;animation-delay:var(--ribbon-delay)}
.mascot-ribbon-bloom{stroke-width:40;stroke-dasharray:24 76;filter:url(#mascot-soft);opacity:.54}
.mascot-ribbon-flow{stroke-width:12;stroke-dasharray:17 83;opacity:.72}
.mascot-ribbon-glint{stroke:#f4ffd2;stroke-width:5;stroke-dasharray:2 98;animation-delay:calc(var(--ribbon-delay) - 1.3s);opacity:.8}
.mascot-sleeve-light{animation:mascot-breathe 5s ease-in-out infinite}
.mascot-orb-aura{animation:mascot-breathe 4s ease-in-out infinite;transform-origin:303px 410px}
.mascot-orb-swirl{transform-origin:303px 410px;animation:mascot-swirl 11s linear infinite}
.mascot-orb-shimmer{animation:mascot-shimmer 5s ease-in-out infinite}
@keyframes mascot-float{0%,100%{transform:translate(0,5px) rotate(-.35deg)}50%{transform:translate(0,-8px) rotate(.35deg)}}
@keyframes mascot-stream{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@keyframes mascot-swirl{to{transform:rotate(360deg)}}
@keyframes mascot-breathe{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes mascot-shimmer{0%,100%{opacity:.1;translate:-22px 6px}50%{opacity:.3;translate:35px -6px}}
.flow-scene.flow-paused *{animation-play-state:paused!important}
.flow-bottom{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:end;gap:12px}
.flow-kicker{display:block;font-size:8px;letter-spacing:2px;color:#9ba8ba;margin-bottom:10px}
.flow-bottom strong{font-size:26px;font-weight:550;letter-spacing:-1px;color:#f5f7fb;line-height:1.1}
.flow-status{white-space:nowrap;color:#d9e5cc;font-size:10px}
.flow-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8f34a;margin-right:8px;box-shadow:0 0 12px #b8f34a80}
@media(min-width:701px) and (max-width:1000px){.art.flow-scene{min-height:510px}.flow-depth{inset:6px -12px 44px}}
@media(max-width:700px){.art.flow-scene{min-height:450px}.flow-depth{inset:0 0 46px}.flow-bottom{left:0;right:0;bottom:9px}.flow-bottom strong{font-size:23px}.flow-status{font-size:9px}.flow-kicker{font-size:7px;letter-spacing:1.5px}}
@media(max-width:380px){.art.flow-scene{min-height:400px}}
@media(prefers-reduced-motion:reduce){.flow-scene *{animation:none!important;transition:none!important}.mascot-ribbon-bloom,.mascot-ribbon-flow,.mascot-ribbon-glint,.mascot-orb-shimmer{display:none}}