:root{--bg-color: #f7f9fc;--card-bg: #ffffff;--text-color: #2c3e50;--success-color: #2ecc71;--failure-color: #e74c3c;--unknown-color: #f1c40f;--loading-color: #3498db}@media (prefers-color-scheme: dark){:root{--bg-color: #1e1e1e;--card-bg: #2c2c2c;--text-color: #ecf0f1}}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.container{height:100vh;display:flex;justify-content:center;align-items:center}.card{background-color:var(--card-bg);padding:40px 30px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;max-width:400px;width:90%}.message{font-size:18px;margin-bottom:20px}.card.success .message{color:var(--success-color)}.card.failure .message{color:var(--failure-color)}.card.unknown .message{color:var(--unknown-color)}.card.loading .message{color:var(--loading-color)}.spinner{width:24px;height:24px;border:4px solid #ccc;border-top:4px solid var(--loading-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}