*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#e7f0fa;min-height:100vh}#root{width:100%;max-width:400px;margin:0 auto}.app-container{background:#fff;padding:0;text-align:center;position:relative;min-height:100vh}.header{background:#fff;color:#333;padding:30px 20px;font-size:20px;font-weight:600;text-align:center;position:relative;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center}.header-logo{max-width:250px;max-height:60px;width:90%;height:auto;object-fit:contain}.content-area{padding:40px 30px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#333}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:16px;color:#666;font-weight:500}.error-container{background:#ffebebe6;border:1px solid #ffcdd2;border-radius:15px;padding:30px 20px;margin:20px 0;color:#d32f2f}.error-container h2{color:#d32f2f;margin-bottom:15px;font-size:18px;font-weight:600}.error-container p{margin:8px 0;font-size:14px;line-height:1.5}.message-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:20px}@media (max-width: 480px){.header{padding:25px 15px;font-size:18px}.header-logo{max-width:85%;max-height:50px}.content-area{padding:30px 20px}.message{font-size:20px;padding:15px}}@media (min-width: 481px){.app-container{max-width:400px;margin:0 auto}}