:root{--primary-color: #ffe600;--ey-yellow: rgb(255 230 0);--ey-yellow-opac: rgba(255,230, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background-color:#111;color:#eee;display:flex;flex-direction:column;height:100vh;padding:0 2rem}a{color:#eee;text-decoration:none}a:hover{text-decoration:underline}main{display:flex;flex-grow:1;flex-direction:column;gap:2rem;justify-content:center;align-items:center}p{color:#aaa;text-align:center;max-width:400px;margin:0 auto}footer{display:flex;justify-content:center;align-items:center;column-gap:1rem;padding:1rem;font-size:small}footer a{color:#666}footer a:hover{color:#eee}#app-buttons{display:flex;gap:1.5rem}h1{font-size:2rem;text-align:center;margin:0 auto;color:var(--primary-color)}#logo-ey{height:80px}#preview{width:240px;border-radius:5px;box-shadow:0 0 10px #00000080}.btn-openwith{display:flex;justify-content:center;align-items:center;width:240px;overflow:hidden;text-overflow:ellipsis;font-size:1rem;white-space:nowrap;background-color:var(--primary-color);color:#222;border:none;border-radius:5px;padding:.5rem 1rem;cursor:pointer;text-decoration:none}.btn-openwith:hover{background-color:#ffeb3b;text-decoration:none}section{display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center}.text-xs{font-size:small}input{background-color:#333;color:#eee;border:none;border-radius:5px;padding:.5rem;width:240px;text-align:center;font-size:1rem}*[x-ref=qrCode] canvas{width:60%;margin:0 auto;display:block;min-width:250px;min-height:250px}