/* Shared by the immediate HTML startup and React: no image/font download is needed for the mark. */
.aqueo-loading{--loading-blue:#90c9f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;min-width:0;isolation:isolate;color:var(--loading-blue);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.aqueo-loading-screen{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 50% 43%,#19364a66,transparent 44%),var(--app-tone-050908,#071116);margin:0}
.aqueo-loading-panel{width:100%;min-height:280px;flex:1;animation:aqueo-loading-reveal .28s .16s both}
.aqueo-loading-compact{min-height:64px;flex-direction:row;gap:12px;animation:aqueo-loading-reveal .25s .16s both}
.aqueo-loading-signal{position:relative;display:grid;place-items:center;width:112px;height:112px;flex:none}
.aqueo-loading-signal:before{content:"";position:absolute;inset:14%;border-radius:50%;background:#69a9e01c;filter:blur(22px);animation:aqueo-loading-breathe 2.8s ease-in-out infinite}
.aqueo-loading .aqueo-loading-mark{position:relative;width:43px;height:43px;color:var(--loading-blue);filter:drop-shadow(0 0 14px #71aee838);animation:aqueo-loading-breathe 2.8s ease-in-out infinite}
.aqueo-loading-orbit{position:absolute;inset:0;border:1px solid #91c9ee15;border-radius:50%;transform:rotate(-35deg)}
.aqueo-loading-orbit:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;border-top-color:#aad8f2b3;border-right-color:#8ec9ef36;animation:aqueo-loading-orbit 2.8s cubic-bezier(.45,0,.25,1) infinite}
.aqueo-loading-orbit-inner{inset:12px;transform:rotate(110deg);opacity:.55}
.aqueo-loading-orbit-inner:after{animation-duration:3.8s;animation-direction:reverse;border-top-color:#9bcbf063;border-right-color:transparent}
.aqueo-loading-name{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.38em;padding-left:.38em;color:#bfd4e1a3}
.aqueo-loading-compact .aqueo-loading-signal{width:35px;height:35px}.aqueo-loading-compact .aqueo-loading-mark{width:16px;height:16px}.aqueo-loading-compact .aqueo-loading-orbit-inner{inset:4px}.aqueo-loading-compact .aqueo-loading-name{font-size:11px;letter-spacing:.05em;padding:0}
@keyframes aqueo-loading-orbit{to{transform:rotate(360deg)}}
@keyframes aqueo-loading-breathe{0%,100%{opacity:.66;transform:translateY(1px)}50%{opacity:1;transform:translateY(-1px)}}
@keyframes aqueo-loading-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.aqueo-loading,.aqueo-loading *,.aqueo-loading *:before,.aqueo-loading *:after{animation:none!important;transition:none!important}.aqueo-loading-mark{opacity:1}}
.aqueo-image-frame{position:relative;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate}
.aqueo-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8cc7e81a,#2c455c13);color:inherit}
.aqueo-image-frame>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .24s ease}
.aqueo-image-frame[data-ready=true]>img{opacity:1}.aqueo-image-frame[data-ready=true]>.aqueo-image-placeholder{visibility:hidden;transition:visibility 0s .24s}
@media(prefers-reduced-motion:reduce){.aqueo-image-frame>img,.aqueo-image-placeholder{transition:none!important}}

.aqueo-startup-error{gap:14px;padding:24px;box-sizing:border-box;text-align:center}.aqueo-startup-error h1{margin:0;font-size:20px;font-weight:500;letter-spacing:-.02em;color:#d8e8f0}.aqueo-startup-error p{margin:0;max-width:32ch;font-size:14px;line-height:1.6;color:#a4bbc9}.aqueo-startup-error button{margin-top:8px;min-height:44px;padding:10px 22px;border-radius:24px;border:1px solid #9bc9e455;background:#9bc9e414;color:#d8e8f0;font:inherit;cursor:pointer}