.app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:Arial,sans-serif}.header{display:flex;align-items:center;gap:20px;margin-bottom:10px}.panda-image{width:100px;height:100px;border-radius:50%;object-fit:cover}h2{font-size:18px;margin-bottom:20px;color:#333}.pin-container{display:flex;gap:10px;margin-bottom:20px}.pin-box{width:50px;height:50px;font-size:24px;text-align:center;border:2px solid #ccc;border-radius:5px;outline:none}.pin-box:focus{border-color:#007bff}.set-pin-btn{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.set-pin-btn:hover:not(:disabled){background-color:#0056b3}.set-pin-btn:disabled{background-color:#ccc;cursor:not-allowed}.message{margin-top:20px;color:green}