.modal-overlay[data-v-5213d48a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-5213d48a]{background-color:#fff;padding:30px;border-radius:10px;text-align:center;width:80%;max-width:400px;color:#000;font-family:Arial,sans-serif}.modal-content h2[data-v-5213d48a]{margin-bottom:20px;color:#000}.modal-content p[data-v-5213d48a]{margin-bottom:30px;color:#333}.payment-button[data-v-5213d48a]{display:inline-block;padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;text-decoration:none;border-radius:5px;margin-top:20px}.payment-button[data-v-5213d48a]:hover{background-color:#0056b3}#loading[data-v-5213d48a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999}.spinner[data-v-5213d48a]{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin-5213d48a 2s linear infinite;margin-bottom:20px}@keyframes spin-5213d48a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-content a.payment-button[data-v-5213d48a]{font-weight:700}body,html{margin:0;padding:0;width:100%;height:100%;font-family:sans-serif;background:url(https://dfchp97e94b8p.cloudfront.net/starry-background.jpg) no-repeat 50% fixed;background-size:cover;color:#fff;overflow:auto}h1{text-align:center;margin:20px 0;font-size:20px}.chart-container{max-width:90%;max-height:400px;margin:0 auto;position:relative}canvas{display:block;margin:0 auto;width:100%;height:400px}.response-text{line-height:1.6}.icon-table-container,.response-text{max-width:90%;margin:20px auto;background-color:rgba(0,0,0,.4);padding:10px;border-radius:8px}.icon-table-container{display:none}.icon-table{width:100%;border-collapse:collapse;text-align:center;color:#fff}.icon-table td,.icon-table th{border:1px solid #ccc;padding:5px}.icon-table th{background-color:hsla(0,0%,100%,.2)}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff;font-size:1.5em;flex-direction:column}.spinner{border:8px solid hsla(0,0%,100%,.3);border-top:8px solid #fff;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.moon-phase{width:40px;height:40px;border-radius:50%;background:conic-gradient(#ff0 0,#ff0 var(--phase),#000 var(--phase),#000 100%);display:inline-block;border:1px solid #fff}