:root{--bg-color:#f4f4f4;--btn-bg:#eeeeee;--btn-border:#cccccc;--text-color:#000000;--accent-blue:#3498db}body{background-color:var(--bg-color);font-family:Arial,sans-serif;margin:0}.scanner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;text-align:center;padding:0 20px}.loader{border:6px solid var(--btn-border);border-top:6px solid var(--accent-blue);border-radius:50%;width:70px;height:70px;animation:spin 1s linear infinite;margin-bottom:25px}#status-text{font-size:1.8rem;font-weight:bold;margin:0 0 10px 0;color:var(--text-color)}.sub-text{font-size:1.1rem;color:#666666;margin:0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.scanner-container{background-color:var(--btn-bg);border:1px solid var(--btn-border);padding:40px;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;border-radius:4px}