*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.loading-screen{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-content{text-align:center}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-content h2{margin-bottom:.5rem}.loading-content p{opacity:.9}.error-screen{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-content{text-align:center;background:#fff;border-radius:12px;max-width:500px;padding:3rem;box-shadow:0 4px 12px #0000001a}.error-icon{margin-bottom:1rem;font-size:4rem}.error-content h2{color:#e74c3c;margin-bottom:1rem}.error-content p{color:#666;margin-bottom:1.5rem}.retry-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:8px;padding:.75rem 2rem;font-weight:600;transition:background .2s}.retry-btn:hover{background:#2980b9}#main-content{min-height:100vh}#app-frame-container,#app-frame-container>div{width:100%;height:100vh}