body,html{margin:0;padding:0;height:100%;overflow:hidden;background-color:#f8f9fa}#app-container{position:relative;width:100%;max-width:500px;margin:0 auto;height:100vh;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff}#loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:50;transition:opacity .5s ease-out}.loader-hidden{opacity:0;pointer-events:none}.rocket-loader{width:4rem;height:4rem;overflow:visible}.rocket-loader .ship{fill:#000}.rocket-loader .core,.rocket-loader .ghost{fill:#fe0000}.rocket-loader .ship,.rocket-loader .core,.rocket-loader .ghost{animation-duration:4.5s;animation-iteration-count:infinite;animation-timing-function:linear}.rocket-loader .ship{animation-name:ship-move}.rocket-loader .core{animation-name:core-fade}.rocket-loader .ghost{animation-name:ghost-ping;transform-origin:0 200px}@keyframes ship-move{0%,30%{opacity:0;transform:translate(0,0)}30%{opacity:1}35%{transform:translate(0,0)}80%{opacity:1;transform:translate(50px,-50px);animation-timing-function:cubic-bezier(.4,0,.2,1)}100%{opacity:0;transform:translate(60px,-60px)}}@keyframes core-fade{0%{opacity:0}30%,80%{opacity:1}100%{opacity:0}}@keyframes ghost-ping{0%,35%{opacity:0;transform:scale(1)}36%{opacity:.6}80%{opacity:0;transform:scale(1.5);animation-timing-function:cubic-bezier(.4,0,.2,1)}100%{opacity:0;transform:scale(1.5)}}